遍历此DOM段的更好方法

时间:2013-11-05 07:31:30

标签: jquery dom traversal

有没有比这样穿越更好的方法?:

$('#part'+rowNumber).parent().parent().next().children('input').val(manufacturer);

有问题的DOM片段是:

var html = '<div class="row-fluid">';
    html += '<div class="span1"><img title="Remove part." class="pull-right remove-part" width="20px" src="http://www.view.com/public_html/images/icons/minus.png"></div>';
    html += '<div class="span1"><input type="number" value="1" class="span12"/></div>';
    html += '<div class="span5"><input id="part'+rowNumber+'" type="text" class="span12"/></div>';
    html += '<div class="span4"><input type="text" class="span12 last"/></div>';
    html += '<div class="span1"></div>';
    html += '</div>';

3 个答案:

答案 0 :(得分:1)

而不是使用.parent()。parent(),尝试.closest(),除此之外我没有看到任何其他内容

$('#part'+rowNumber).closest('.row-fluid').next().children('input').val(manufacturer);

答案 1 :(得分:1)

您可以这样写:

$('#part'+rowNumber).parents('.row-fluid').next().children('input').val(manufacturer);

答案 2 :(得分:1)

您可以尝试使用.closest()选择器:
        $( '#部' + ROWNUMBER).closest( '行的流体。 ')的next()发现(' 输入')VAL(制造商);