javascript - 如果 包含特定文本，则返回 false

Question

我有这个 HTML，如果该元素包含特定文本，我会尝试在点击时返回 false。

这是我的 HTML:

<ul>
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <li id="4"></li>
    <li id="5"></li>
    <li id="6">text</li>
    <li id="7"></li>
</ul>

Javascript:

$("ul").on('click', 'li', function (e) {
    var value = $(this).attr('id');
    if ("#" + value + ":contains(\"text\")"){  // Something similar to this
        return false;
    };
    alert('test');
});

如果元素包含“文本”一词，我如何返回 false。

示例:http://jsfiddle.net/wSvLD/ (这对一切都返回 false)

Answer 1

你需要在 contains("text") 中转义那些引号

或者结合使用单引号和双引号....

此外，值 var 应该在事件函数内。

编辑:

$("li").click(function (e) {

    var value = $(this).attr('id');

    if ( $('#' + value + ':contains("text")').length != 0 ){ 
        return false;
    }

    alert('test');

});

:contains 返回一个 jQuery 对象，因此您需要检查对象的长度以查看它是否包含匹配项。

http://jsfiddle.net/8NuvP/