javascript - 从父级获取部分类名并应用于子级 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 和 id_wire_length 中的数字 6 和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()

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