Detailed analysis of the difference between children and find in Jquery_jquery

First look at a piece of HTML code, as follows:

Copy the code The code is as follows:

&lt ;table id="tb">
                                                                              🎜>                                                                              td>
            </tr>
                                                              td>4</td>
                                                            /td>
                                                                                                                                                                                                   </tr>
</table>


If I want to get the value of the second td in the second tr:

Children:

Copy code

The code is as follows:$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()

Find :

Copy code

The code is as follows:$(" #tb>tbody").find("tr:eq(1) td:eq(1)").html()

As a result, the value obtained through children is: null, and through The value obtained by find is: 4. Why is this?

After checking the information, what is obtained through children is the subordinate elements of the element, and what is obtained through find is all the subordinate elements of the element.

Now back to the above, we can conclude that $("#tb>tbody").children() obtains two tr elements (excluding their child elements td),
The selector in children is to filter the two obtained tr elements according to the conditions, so the above writing method cannot get the value.

If we must use children, we can write it like this:

Copy the code

The code is as follows: $("#tb>tbody").children("tr:last").children("td:eq(1)").html()