javascript - 查找带有特定文本的 td，并对其右侧的所有 td 进行操作？

Question

这可能看起来与我的上一个问题(Find td with specific text, and operate on the td right after that one?)有点相似，但实际上是不同的..

这次我有一张这样的 table :

<table class="test">
  <tr>
    <td>Row 1</td><td>Text 1-1</td><td>Text 1-2</td> ...... <td>Text 1-n</td>
  </tr>
  <tr>
    <td>Row 2</td><td>Text 2-1</td><td>Text 2-2</td> ...... <td>Text 2-n</td>
  </tr>
  <tr>
    <td>Row 3</td><td>Text 3-1</td><td>Text 3-2</td> ...... <td>Text 3-n</td>
  </tr>
  <tr>
    <td>Row 4</td><td>Text 4-1</td><td>Text 4-2</td> ...... <td>Text 4-n</td>
  </tr>
  <tr>
    <td>Row 5</td><td>Text 5-1</td><td>Text 5-2</td> ...... <td>Text 5-n</td>
  </tr>
</table>

基本上它有行，现在它有无限数量的列。

我需要用一个特定的文本来右移一个td，然后对它右边的所有td进行操作。要查找的文本将始终来自最左侧的 td，因为它将是行标题文本。

因此，例如，我可能想找到带有文本 Row 3 的 td，然后我需要将 xyz 附加到此 td 右侧的所有 td 的文本(包含文本 Row 3)..

所以在我的示例中，td 右侧包含 Row 3 的所有 td 都将更改其文本:

Text 3-1 --> Text 3-1xyz
Text 3-2 --> Text 3-2xyz
.
.
.
Text 3-n --> Text 3-nxyz

我该如何解决这个问题？

Answer 1

还有其他类型的资源可以让您选择 DOM 上的元素，例如 nextAll()或 siblings() ，根据您已经拥有的代码，将其更改为:

$(".test td:contains(Row 3)")
.nextAll().text(function(){
    return $(this).text() + "xyz"
});