gpt4 book ai didi

javascript - jQuery :contains full word

转载 作者:行者123 更新时间:2023-11-30 11:06:12 27 4
gpt4 key购买 nike

我想通过子文本选择父元素,但要通过完全匹配(两个名称)。

<div class="card">
<div class="name">buggy</div>
<div class="name">fruits</div>
</div>
<div class="card"> <!-- select only this one card -->
<div class="name">bug</div>
<div class="name">fruits</div>
</div>

$('.card:contains("bug"):contains("fruits")') - 在这种情况下不起作用,因为自从 buggy 也包含 bug

$('.card').filter(function() {
return $(this).find('.name').text() === "bug" && $(this).find('.name').text() === "fruits";
});

这也行不通。

如何实现子元素文本的全匹配?

最佳答案

使用 .filter ,就像你在做的那样,但是构造一个每个元素的文本内容的数组,然后检查你要查找的每个单词是否是 include数组中的d:

const $filteredCards = $('.card').filter(function() {
const nameTexts = $(this)
.children()
.map(function() { return $(this).text() })
.get();
return nameTexts.includes('bug') && nameTexts.includes('fruits')
});

$filteredCards.css('background-color', 'yellow');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card">
<div class="name">buggy</div>
<div class="name">fruits</div>
</div>
<div class="card"> <!-- select only this one card -->
<div class="name">bug</div>
<div class="name">fruits</div>
</div>

关于javascript - jQuery :contains full word,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55510199/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com