javascript - 查找带有特定文本的 td,并在该文本之后立即对 td 进行操作?

标签 javascript jquery css jquery-selectors html-table

我对 jQuery 选择器不是很熟悉,所以需要一些帮助。

我有一个这样的表:

<table class="test">
  <tr>
    <td>Section Heading 1</td><td>Section Text 1</td>
  </tr>
  <tr>
    <td>Section Heading 2</td><td>Section Text 2</td>
  </tr>
  <tr>
    <td>Section Heading 3</td><td>Section Text 3</td>
  </tr>
  <tr>
    <td>Section Heading 4</td><td>Section Text 4</td>
  </tr>
  <tr>
    <td>Section Heading 5</td><td>Section Text 5</td>
  </tr>
</table>

我需要做的是找到包含特定文本的td,并对其右侧的td中的文本进行操作。

例如,假设我想找到包含文本 Section Heading 4td,然后连接 td 中包含的文本对了,加上文本 hello,这样 Section Text 4 就变成了 Section Text 4 hello ..

哪些 jQuery 选择器可用于此目的?

最佳答案

我最初的回答忽略了更新文本的要点,这里有一个示例:

$(".test td:contains(Heading 1)")
    .next().text(function(){
        return $(this).text() + " Hello"
    });

我不相信你可以使用 append 方法,因为我认为它只适用于添加 html 标签。

关于javascript - 查找带有特定文本的 td,并在该文本之后立即对 td 进行操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21339462/

相关文章:

javascript - 如何使用 jQuery 或 Javascript 删除一组元素并留下一个元素?

javascript - 带有多个对象的php请求json jquery

javascript - 在 Javascript 中使用按钮退出 for 循环

css - 避免浏览器自动加下划线和链接通用词

css - 如何在生成的 ASP.Net MVC 表单 View 中对预先存在的元素实现列样式?

javascript - 同时拖动 2 个 Google map 标记

c# - 实现 JavaScript 代码与控制台应用程序 C# 之间的通信

javascript - 类型错误 : Cannot read property 'then' of undefined for global variables

javascript - 将谷歌货币转换器应用于页面上的所有价格

javascript - 内联 SVG 元素不适用于 Div