jQuery - 按属性值搜索并更改所有值

时间:2015-08-05 00:00:28

标签: javascript jquery dom

我有以下几种HTML:

<tr>
    <td data-pk="-999">test1</td>
    <td data-pk="-999">test1</td>
    <td data-pk="-999">test2</td>
    <td data-pk="-999">test3</td>
    <td data-pk="-999"><a data-pk="-999">test4</a></td>
</tr>

我想将所有-999&#39更改为24(比方说)。

有人能建议一些干净快捷的jQuery,递归遍历DOM(来自tr)并更改所有-999&#39;

基本上,我有一个表格,我在其网站的前端添加了一个新的临时行。当用户保存该行时,将生成新的id(在这种情况下为24)。 &#34; -999&#34;是我的后端的标志,告诉它数据库中需要一个新条目,并且应该返回一个id。

1 个答案:

答案 0 :(得分:3)

使用attr()

$('[data-pk="-999"]').attr('data-pk', 24);
[data-pk="24"] {
  color:green;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
<tr>
    <td data-pk="-999">test1</td>
    <td data-pk="-999">test1</td>
    <td data-pk="-999">test2</td>
    <td data-pk="-999">test3</td>
    <td data-pk="-999"><a data-pk="-999">test4</a></td>
</tr>
</table>