Shulou(Shulou.com)05/31 Report--

This article focuses on "how jquery deletes child elements in td". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how jquery deletes child elements in td".

Method: 1, use the children () method to obtain the child object of the td element, this method can return the direct child element of the selected element, the syntax is "td element object. Children ()"; 2, use the remove () method to delete the acquired child element, and the syntax is "TD child element object. Remove ()".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery delete child elements in td

1. Use the children () method to obtain child elements.

The children () method returns all direct child elements of the selected element.

Grammar

$(selector) .children (filter)

Filter is optional. Specifies a selector expression that narrows the search for child elements.

2. Delete elements using the remove () method

The remove () method removes the selected element, including all text and child nodes.

This method also removes the data and events of the selected element.

Grammar

(selector) .remove ()

Examples are as follows:

(document) .ready (function () {$("button") .click (function () {$("td"). Children (). Remove ();}); CellA CellB removes TD child elements

Output result:

At this point, I believe you have a deeper understanding of "how jquery deletes the child elements in td". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.