通过jquery隐藏特定html行的所有实例

时间:2013-07-08 17:49:50

标签: jquery hide parent

我想通过jquery隐藏所有只有这个字符串的实例: <p>description</p>

我一定错过了一些明显的东西:

http://jsfiddle.net/deekster/pSJ95/

感谢。

<p>name</p>
<p>description</p>
<p>address</p>

$('p contains(description)').parent().remove();

5 个答案:

答案 0 :(得分:2)

  

我想通过jquery隐藏所有只有这个字符串的实例:<p>description</p>

尽管你遇到选择器问题,但是包含不会完全匹配,它会进行通配符匹配,以匹配包含字符串description的所有元素作为其内容。要做一个确切的macth,你可以做一个过滤器。

$('p').filter(function () {
    return this.innerHTML === "description";
}).remove(); //if you want to just hide them use .hide(), .remove() will remove it from DOM.

<强> Demo

答案 1 :(得分:0)

错过:选择器上的contains

http://jsfiddle.net/RqDpg/

$('p:contains(description)').remove();

答案 2 :(得分:0)

$('p:contains(description)').remove();

您还需要删除parent

答案 3 :(得分:0)

选择器缺少:。尝试:

$('p:contains("description")').remove();

答案 4 :(得分:0)

您可以使用以下代码隐藏说明文字:

$('p:contains(description)').hide();

检查fiddle demo