Question

我正在尝试替换文字内容。

我有一个表tr，如下所示

  <tr id="1" cat_id="88" cat_name="INFY" style="cursor: move;">
         <td id="order_1" style="vertical-align: middle;">2</td>
         <td style="vertical-align: middle;"> <span><span id="span1">INFY<span><span> (8)</span></span></span></span></td>
         <td style="vertical-align: middle;">JAN 3</td>
         <td style="vertical-align: middle;"><label class="mt-checkbox mt-checkbox-outline"><input class="new-checkbox updatecheckboxvalueindb" value="new_flag" type="checkbox" checked=""><span></span></label></td>
         <td style="vertical-align: middle;"><a  data-toggle="modal" data-target="#editCategoryname" data-categorid="1" data-catname="INFY" class="btn btn-sm btn-primary editcatclick"><i class="icon-pencil"></i></a></td>
         <td width="20%"><a href="#" class=" btn btn-sm btn-danger deletecat"><i class="icon-trash"></i> </a></td>
      </tr>

根据tr id，我将替换内容，如下所示

 var trid = 1;
 var texttoreplace= 'HCLTECH'
 /$("#span"+trid).text(texttoreplace);

我还将数据存储在数据属性中 data-catname =＆＃34; INFY＆＃34; 你能告诉我如何替换这个数据属性吗??

这是我的小提琴

http://jsfiddle.net/cod7ceho/416/

Answer 1

我试过这个，工作正常

$("#span"+trid).closest('tr').find('a').attr('data-catname', 'HCLTECH')

Answer 2

我认为这应该有用

$("#span"+trid).attr("cat_name",texttoreplace);

Answer 3

尝试像这样找到表格中的范围

$("#sort").find("#span"+trid).text(texttoreplace);

您也可以使用与设置属性值相同的方式

检查Fiddle

如何根据表tr id更新数据属性

3 个答案: