Jquery中children、find区别


  首先看一段HTML代码,如下:

 1 <table id="tb">
 2             <tr>
 3                 <td>0</td>
 4                 <td>1</td>
 5                 <td>2</td>
 6             </tr>
 7             <tr>
 8                 <td>3</td>
 9                 <td>4</td>
10                 <td>5</td>
11             </tr>
12  </table>

  如果我要获取第二个tr里的第二个td的值:

  Children:

$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()

  Find    :

$("#tb>tbody").find("tr:eq(1) td:eq(1)").html()

  结果,通过children获取的值为:null,而通过find获取的值为:4 这是为什么呢?

  查了一下资料,通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。

  这时回到上面,我们可以得出,$("#tb>tbody").children() 获取的是两个tr元素(不包括它们子元素td),

  而children里面的选择器则是在获取的两个tr元素里再根据条件进行筛选,所以上面那种写法获取不到值。

  如果一定用children我们可以这样写:

$("#tb>tbody").children("tr:last").children("td:eq(1)").html()

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM