javascript - 是否存在具有特定innerHTML 的元素？

Question

我有一个带有值的跨度元素列表:

    <span>Example1</span>
    <span>Example2</span>
    <span>Example3</span>
    <span>Example4</span>
    <span>Example5</span>

我如何检查是否有一个跨度，例如“Example4”内部？

我已经尝试了以下方法但没有结果:

    if($('span').textContent = value){
     console.log('exists');
    }

    if($('span').html(value){}
    if($('span').html(value).length > 0){}

但它们总是返回 true..

感谢您的阅读:)

Answer 1

有一个 :contains 选择器:

if ( $('span:contains("Example4")').length > 0 ) { ... }

但是这种方法will fail如果有<span>带有类似 "Example 40" 文本的元素。为了进行严格比较，您可以使用 .filter 的技巧。方法:

if ( $('span').filter(function() {
    return $.trim($.text(this)) === 'Example4';
}).length > 0 ) { ... }