如果 <li> 包含特定文本，则返回 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');
});

如果元素包含单词“text”，我如何返回 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/

Answer 2

你已经很接近了！

$("ul").on('click', 'li', function (e) {
    if($(this).text() == "text"){
        return false;
    };
    alert('test')
});

Answer 3

试试这个：

$('li:not(:contains(text))').click(function() {
    alert('test');
});

Answer 4

$("li").click(function(){
  $(this).text() == "text" ? return false: return "something else";
});

但是如果你想要做的是对所有的“文本”都使用点击功能，你应该这样做：

$('li:not(:contains("text"))').click(function(){ 
      //whatever you are trying to achieve
});