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

Question

我有以下类型的 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 更改为 24(比如说)。

任何人都可以建议一些干净、快速的 jQuery 来递归遍历 DOM(从 tr)并更改所有 -999 的吗？

基本上，我有一个表，可以在其中向网站的前端添加一个新的临时行。当用户保存该行时，会生成一个新的 id(在本例中为 24)。 “-999”是我的后端的一个标志，告诉它数据库中需要一个新条目并且应该返回一个 id。

Answer 1

使用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>