JQuery包含vs等于[重复]

Posted 2023-02-23

【中文标题】JQuery包含vs等于[重复]

【英文标题】：JQuery Contains vs Equals [duplicate]

【发布时间】：2020-06-03 16:23:15

【问题描述】：

我有一个表格，我需要帮助将这个语句修改为等于，而不是包含：

$('<h2>Basic Information</h2>').insertBefore($('h3:contains("Field1")').parent().parent());

一如既往地感谢-

【问题讨论】：

jquery 中没有equals 选择器。您需要遍历文档中的每个 h3 元素并查看其文本是否等于“Field1”。

【参考方案1】：

如果您想找到包含该文本的 h3，您可以使用 jquery filter function. 基本上，您搜索所有h3 并找到仅包含该单词作为其文本的那些。也使用trim()，这样你就可以清除空格

这里有 2 个解决方案。

您可以添加其他 .parent() ) 选择器。还可以有一个更优雅的解决方案来选择它的父级。但在不知道您的 html 的情况下，我无法为您提供帮助。如果您需要进一步的帮助，请分享您的 HTML

$('<h2>Basic Information</h2>').insertBefore($("h3")
  .filter((i, heading) => $(heading).text().trim() === "Field1"))


// on multiple lines

// var heading = $("h3")
//  .filter((i, heading) => $(heading).text().trim() === "Field1")
// $('<h2>Basic Information</h2>').insertBefore($(heading))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3>
  Field1
</h3>
<h3>
  Field1 2
</h3>
<h3>
  Field1
</h3>