Question

我有这个HTML：

  <tr>
    <td><a class="payPlan">...</a></td>
  </tr>
  <tr id="payPlanInfoRow">
    <td colspan="7" class="payPlanInfo">
           <div>...</div>
        </td>
   </tr>

当我点击.payPlan时，我需要遍历.payPlanInfo内的DIV。

这个问题是这个html结构会重复多次，所以我觉得我需要以某种方式使用.find()或.closest()。非常感谢任何帮助。

我是jQuery的新手

Answer 1

你可以这样做..

$(".payPlan").click(function(){
   var relatedDiv = $(this).parents("tr:first").next().find(".payPlanInfo div:first");
   //TODO: Stuff with relatedDiv
});

其中relatedDiv将成为下一个表格行中的div，您可以随意使用它。

http://jsfiddle.net/Pv76W/

Answer 2

$("td.payPlanInfo > div").each(function(i, obj){



});

编辑：

$("td.payPlanInfo").bind('click', function()
{
    $(this).children("div").each(function(i, obj)
    {
        // obj is your div, to what you like with it
    });

});

Answer 3

“最近”选择器返回与其选择器匹配的第一个祖先元素。

$(".payPlan").click(function(){

   var $relatedDiv = $(this).closest('tr').next().find(".payPlanInfo div:first");
   $relatedDiv.addClass('highlight'); //or whatever.

});

使用JQuery如何最好地遍历表行？

3 个答案: