jquery - 遍历此 DOM 段的更好方法

Question

有没有比这样遍历更好的方法？

$('#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>';

Answer 1

您可以尝试使用 .closest() 选择器：
$('#part'+rowNumber).closest('.row-fluid').next().find('input').val(manufacturer);

Answer 2

而不是使用 .parent().parent()，尝试.closest()，除此之外我没有看到其他任何东西

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

Answer 3

你可以这样写：

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