大佬教程收集整理的这篇文章主要介绍了jQuery – 按子类选择父项?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<table> <tr> <!-- this tr is what I want to SELEct --> <td> <div class="test"> text </div> </td> </tr> </table>
parents
或
closest
,具体取决于您的需要:
$("div.test").parents("tr"); // Or $("div.test").closest("tr");
(初始选择器可以是任何与你的div匹配的,所以“.test”也可以。)
如果桌子上有一张桌子,父母会一直看着树,可能匹配多个tr元素。最接近的将停止与每个div遇到的第一个tr。
以下是使用最近的示例:
HTML:
<table> <tr id="first"> <!-- this tr I want to SELEct --> <td> <div class="test"> text </div> </td> </tr> <tr id="second"> <!-- this tr I want to SELEct --> <td> <div class="test"> text </div> </td> </tr> <tr id="third"> <!-- this tr I want to SELEct --> <td> <div class="test"> text </div> </td> </tr> </table>
JavaScript的:
jQuery(function($) { var rows = $("div.test").closest("tr"); display("Matched " + rows.length + " rows:"); rows.each(function() { display("Row '" + this.id + "'"); }); function display(msg) { $("<p>").html(msg).appendTo(document.body); } });
输出:
@H_759_2@matched 3 rows: Row 'first' Row 'second' Row 'third'以上是大佬教程为你收集整理的jQuery – 按子类选择父项?全部内容,希望文章能够帮你解决jQuery – 按子类选择父项?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。