Question

我有一个用户可以输入的数据表：

<tbody>
    <tr class="wiring_details_6-73" id="wiring_rows_0">
        <td colspan="2"> Wire Type:
            <select class="wire_selector_0" id="wiring_select_0" name="select_wire_6" onchange="Estimate.select_wire( 6, this.value, 0 );">
                <option value="" selected="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" class="wire_total">
            <input type="hidden" id="wire_id_6" name="wire_id_6" value="0"><a href="#" class="delete-button" id="wiring_button_0">Delete</a></td>
    </tr>
</tbody>

用户可以点击“添加电汇”链接，它会生成上述另一种表单，但类名为wire_selector_1，wiring_rows_1和wiring_button_1，而不是{{ 1}}，wire_selector_0和wiring_rows_0。

现在说用户删除了行wiring_button_0，这会调用以下代码：

这将从数组中删除该项并拼接它。

我需要发生的是之后的所有行已删除的行的类名更改为例如：

deleteWire: function(part_id, row) { var node = Wireholder.wires[row]; node.parentNode.removeChild(node); Wireholder.wires.splice(row, 1); for(var i=0;i<Wireholder.wires.length;i++) { var selectItem = Wireholder.wires[i].getElementsByTagName("select")[0]; var buttonItem = Wireholder.wires[i].getElementsByTagName("a")[0]; Wireholder.wires[i].id = "wiring_rows_" + i; selectItem.id = "wiring_select_" + i; buttonItem.id = "wiring_button_" + i; selectItem.onchange = function() { Estimate.select_wire(part_id, this.value, this.id.match(/\d+/)); } } Estimate.total(); return false; }

或者

example_class_1 to example_class_0

允许正确的商品定位。

Answer 1

这是非常简单的循环和属性操作。就像在删除项目后更改您的ID一样，您可以使用className调整课程。

Wireholder.wires[i].className = "convention" + i;
selectItem.className = "convention" + i;
buttonItem.className = "convention" + i;

Answer 2

我觉得这样的事情可以解决问题;）

$('tr[class*="example_class_"]').each(function(i, node){
    $(node).attr('class', 'example_class_'+i);
});

删除数组中的项时重新分配类名

2 个答案: