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 的 `children()` 方法来获取元素的直接子元素，例如：

<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

// 获取 .parent 元素的所有直接子元素
$('.parent').children();

这将返回一个包含所有直接子元素的 jQuery 对象，即 `$('.child')`。如果你只想选择某个特定的子元素，可以给 `children()` 方法传递一个选择器参数，例如：

// 获取 .parent 元素中类名为 .child 的第一个子元素
$('.parent').children('.child:first-child');

这将返回 `.parent` 元素中类名为 `.child` 的第一个子元素，即 `$('.child:first-child')`。

jquery怎么获取一个对象的所有子元素

在 jQuery 中，可以使用 `.children()` 方法来获取一个元素的所有子元素。该方法返回一个包含所有子元素的 jQuery 对象，可以对其进行遍历或者进一步操作。

例如，如果要获取一个 `div` 元素中的所有子元素，可以使用以下代码：

var $div = $('div'); // 选择一个 div 元素
var $children = $div.children(); // 获取该元素的所有子元素

在上面的代码中，`$div` 是一个 jQuery 对象，它包含了一个 `div` 元素。`.children()` 方法返回一个包含该 `div` 元素的所有子元素的 jQuery 对象，并将其赋值给 `$children` 变量。

如果想要获取特定类名的子元素，可以在 `.children()` 方法中传入一个选择器，例如：

var $subtitles = $div.children('.subTitles'); // 获取所有类名为 subTitles 的子元素

这将返回一个包含 `$div` 的所有类名为 `subTitles` 的子元素的 jQuery 对象。