Question

我尝试使用td访问toboady中的特定JQuery并更改文本值，但是当我这样做时。具有相同td名称的每个tr中的所有其他class都会更改，这是不正确的，因为每个tr都有不同的class

这是我的HTML代码：

<tbody>
<tr class="paymentline" data-cid="c10">
    <td class="col-tendered">
        33.00
    </td>
</tr>
<tr class="paymentline selected">
    <td class="col-tendered edit">
        33.00
    </td>
</tr>
</tbody>

这是我的JQuery代码：

$('.paymentline.selected .edit').text(parseFloat(this.getAmount(updated_sale_price)).toFixed(2));

当我运行我的JQuery代码时，td类.edit的所有内容都将被更改。

Answer 1

HTML

<table>
        <tbody>
<tr class="paymentline" data-cid="c10">
    <td class="col-tendered">
        33.00
    </td>
</tr>
<tr class="paymentline selected">
    <td class="col-tendered edit">
        33.00
    </td>
</tr>
<tr class="paymentline">
    <td class="col-tendered edit">
        33.00
    </td>
</tr>
</tbody>
</table>

JS

$('.selected .edit').text(parseFloat(this.getAmount(updated_sale_price)).toFixed(2));

此代码对我有用

Answer 2

在选择器中添加table：

$('table .paymentline.selected .edit')

https://jsfiddle.net/spdv4ab0/

tbody

2 个答案: