jquery 获取包含特定内容的子元素

在 jQuery 中，你可以使用 `:contains` 选择器和 `find` 方法来获取包含特定内容的子元素。例如，如果你想要查找一个 `div` 元素下包含文本“example”的所有 `span` 元素，可以使用以下代码：

var elements = $('div:contains("example")').find('span');

这将返回所有包含在包含“example”文本的 `div` 元素中的 `span` 元素。请注意，`:contains` 选择器是 jQuery 特有的选择器，而不是标准的 CSS 选择器。如果你需要使用标准的 CSS 选择器，你可以使用 `filter` 方法来过滤匹配的元素，然后使用 `find` 方法来查找子元素。

var divs = $('div').filter(function() {
  return $(this).text().indexOf('example') > -1;
});
var elements = divs.find('span');

这将返回包含在包含“example”文本的所有 `div` 元素中的 `span` 元素。

相关问题

jquery 获取包含特定文本 且不包含特定类的元素 并返回第一个

可以使用 jQuery 的 `:contains` 选择器和 `:not` 选择器来实现。代码如下：

$('element:contains("特定文本"):not(.特定类)').first();

其中，`element` 是你要查找的元素，可以是标签名、类名、ID 等。`:contains("特定文本")` 表示包含特定文本的元素，`:not(.特定类)` 表示不包含特定类的元素。`first()` 方法返回第一个匹配的元素。

例如，如果要查找所有包含文本 "hello" 且不包含类名为 "hidden" 的 `<div>` 元素，并返回第一个匹配的元素，代码如下：

$('div:contains("hello"):not(.hidden)').first();

注意，这种方式可能会比较消耗性能，建议尽量缩小选择器的范围，以提高效率。

jQuery 获取当前元素的子元素的方法

jQuery 获取当前元素的子元素的方法有以下几种：

1. 使用 children 方法，该方法返回当前元素的所有子元素，可以通过选择器来筛选符合条件的子元素。例如：

var children = $("#parent").children();

2. 使用 find 方法，该方法可以在当前元素的后代元素中查找符合条件的元素，可以通过选择器来指定查找条件。例如：

var children = $("#parent").find("div");

3. 使用 contents 方法，该方法返回当前元素的所有子节点，包括元素节点、文本节点等，可以通过 filter 方法来筛选出元素节点。例如：

var children = $("#parent").contents().filter(function() {
    return this.nodeType == 1;
});

这个例子中，我们先使用 contents 方法获取了所有的子节点，然后使用 filter 方法来筛选出元素节点。

4. 使用 context 参数，该参数可以指定查找的上下文，即在哪个元素内查找符合条件的元素。例如：

var children = $("div", "#parent");

这个例子中，我们使用了 context 参数来指定查找的上下文，即在 id 为 parent 的元素内查找 div 元素。

注意，以上方法返回的是 jQuery 对象，如果需要获取原生 DOM 元素，可以使用 get 方法或者数组下标访问。例如：

var child = $("#parent").children().get(0);

或者：

var child = $("#parent").children()[0];