从父级获取部分类名并应用于子级 JQuery

Question

我有以下 HTML：

<tr class="wiring_details_6-48">
    <td colspan="2"> Wire Type:
        <select name="select_wire_6" onchange="Estimate.select_wire( 6, this.value, 0 );">
            <option value="" selected="">Select wire..</option>
            <option value="1">14/2</option>
            <option value="2">14/4</option>
            <option value="3">16/4</option>
            <option value="4">16/2</option>
            <option value="5">RG6</option>
            <option value="6">CAT5</option>
            <option value="7">RG59</option>
            <option value="8">LVT</option>
            <option value="9">CAT6</option>
            <option value="10">HDMI</option>
            <option value="11">Shielded CAT6</option>
        </select> </td>
    <td colspan="2">Length:
        <input type="text" class="id_wire_length_6" name="wire_length_6" value="0"></td>
    <td colspan="2">Retail Price:
        <input type="text" class="id_wire_retail_6" name="wire_retail_6" value="0"> </td>
    <td colspan="2">
        <input type="hidden" id="wire_id_6" name="wire_id_6" value="0"> </td>
</tr>

我想确保 input - id_wire_length 和 id_wire_retail 与其父级相关tr 这可以通过 part-id 得到证明，在本例中是 wiring_details 中的数字 6 和在 id_wire_length 和 id_wire_retail 中。

我的 JS 是：

$('input[class^="id_wire_retail"]').each(function() {
    parts_cents_total += (Money.dollars_to_cents($(this).val()) * $('input[class^="id_wire_length"]').val());
});

上面的内容与 id_wire_detail 部分以及 id_wire_length 匹配 - 但我如何确保它是一个与其父级相关，

所以我想这可以归结为：

如何获取父级 tr 的部件号 (6)，然后确保上述 JS 仅与输入元素匹配其中 tr 的零件号？

Answer 1

而不是这个：

$('input[class^="id_wire_length"]').val()

...尝试这个：

$(this).closest('tr').find('input[class^="id_wire_length"]').val()

这将确保您选择的值是同一 “内部”的值。假设 HTML 结构如您在上面发布的那样，您不必担心按部件号进行匹配。