删除含有字符串的li

时间:2012-05-03 09:29:45

标签: jquery string html-lists

如果任何LI包含stockTo。

,我想触发删除此UL中的所有LI

以下内容无效。

var stockTo = 'abc';

$('ul#thelst li:contains(stock)').remove();

5 个答案:

答案 0 :(得分:3)

试试这个:

var stockTo = 'abc';
$('ul#thelst li:contains(' + stockTo + ')').parent().children().remove();

答案 1 :(得分:2)

$('ul#thelst li).contains('+ stockTo +').remove();

答案 2 :(得分:1)

嘿,你编写jQuery的方式不合适..

点击此处查看现场演示。 How to remove list

以下是HTML

<div>
    <ul id="thelst">
        <li>test test test test 111 </li>
        <li>test test test test 112 </li>
        <li>test test test test 113 </li>
        <li>test test test test 114 </li>
        <li>test test test test 115 </li>
        <li>test test test test 116 </li>
    </ul>
</div>

这是内部文件准备功能中的JQUERY代码

var stockTo = '114';

$('#thelst').find("li:contains(" + stockTo  + ")").remove();

修改 DEMO 2删除点击锚点

的列表

答案 3 :(得分:1)

Hiya 演示 http://jsfiddle.net/m7zUh/

很高兴看到HTML的外观,但请参阅下面的代码。

在示例示例中:点击触发按钮,您会看到foo将被移除li

希望这有帮助,:)有一个好的,欢呼

<强> HTML

<div> sample</div>
<ul id="thelst"> 
    <li>Hulk</li>
        <li>Hawk</li>
        <li>Foo</li>
        <li>Bar</li>
        <li>Rambo</li>
    </ul>

<input type="button" id="trigger" value="trigger" />
​

Jquery代码

$('#trigger').click(function() {

    var stockTo = 'Foo';
    $('ul#thelst li:contains(' + stockTo + ')').remove();

});​

答案 4 :(得分:1)

$('#thelst li:contains(' + stockTo + ')').remove();​