jquery - 如何添加/插入 json data[0] 等到 jquery $ ('td' ).css？

Question

这是工作代码

$('td.transaction_partner_name_td4').css('border-bottom', '1px solid #FF0000');

它改变了这样的边框颜色 html <td class='transaction_partner_name_td4'></td>

但我需要使用html像这样

<td class='transaction_partner_name_td<?php echo $row_number;?>'>
<input type='text' name='transaction_partner_name[]' id='transaction_partner_name<?php echo $row_number;?>'>
</td>

$row_number可能是 1、2 ... 30。所以 transaction_partner_name_td可能是transaction_partner_name_td1,2...30

需要ajax之后function(data, success)更改<td class='transaction_partner_name_td<?php echo $row_number;?>'>对于某些td

json data值例如:

data[0]值为 1

data[1]值为 3

data[2]值为 4

我可以更改/设置input像这样的值:

<?php while ( $counter < ($counter_maximum) ){ ?>
$('#transaction_partner_name<?php echo $counter;?>').val(data[<?php echo $counter;?>]);
<?php $counter++; } ?>

以同样的方式尝试更改/设置边框颜色。

尝试过

<?php while ( $counter < ($counter_maximum) ){ ?>
$('td.transaction_partner_name_td(data[<?php echo $counter;?>])').css('border-bottom', '1px solid #FF0000');
<?php $counter++; } ?>

但这不起作用。查看源代码，如下所示$('td.transaction_partner_name_td(data[1])').css('border-bottom', '1px solid #FF0000');

是否可以添加json data[0]至td.transaction_partner_name_td ？或者可能是其他解决方案？

解决方案

感谢 T.J.目前 Crowder 建议开始使用此代码(可能后者会遇到一些问题，但目前可以根据需要进行操作):

<?php while ( $counter < ($counter_maximum) ){ ?>
$("#transaction_partner_name" + data[<?php echo $counter;?>]).closest("td.transaction_partner_name_td").css('border-bottom', '1px solid #FF0000');
<?php $counter++; } ?>

Answer 1

我认为可能有一种更好的方法来完全处理这个结构，但是对您所拥有的允许您定位这些细胞的最小更改是这样的:

HTML (请注意，类中不再有行 ID):

<td class='transaction_partner_name_td'>
   <input type='text' 
          name='transaction_partner_name[]' 
          id='transaction_partner_name<?php echo $row_number;?>'>
</td>

JavaScript:

// Access *all* of them
var allTransationPartnerCells = $("td.vtransaction_partner_name_td");

// Or access the one for a specific row
var justOneCell = $("#transaction_partner_name" + someRowNumber)
                                  .closest("td.transaction_partner_name_td");

或者在最后一个中，您可能甚至不需要该类:

// Access the one for a specific row
var justOneCell = $("#transaction_partner_name" + someRowNumber)
                                  .closest("td");