选择具有多个类名的隐藏元素

时间:2013-04-08 11:33:05

标签: jquery-ui jquery jquery-plugins

在下面的html代码中,其中一个div是隐藏的而另一个不是。我的问题是

1.如何选择具有隐藏属性的多个类名的任何元素

2.如何在隐藏或显示html时获取内部html

我试过了,

 $('.middle-cont,.float-lft,.content-height').html() 

 $('.middle-cont,.float-lft,.content-height:hidden').html() //will this work

HTML

<div class="middle-cont float-lft content-height">
 some html
</div>

<div class="middle-cont float-lft content-height" > //This div is hidden
 some html123
</div>

4 个答案:

答案 0 :(得分:1)

没有逗号,逗号将选择具有任一类的所有元素,而删除逗号将选择包含所有类的元素:

$('.middle-cont.float-lft.content-height').html()

是否隐藏它隐藏起来没有区别。

FIDDLE

答案 1 :(得分:1)

您不需要,选择具有多个类的元素....使用html()来获取内容..(如果隐藏或不隐藏则无关紧要)

$('.middle-cont.float-lft.content-height').html()

答案 2 :(得分:0)

逗号使用OR运算符,你不需要它,所以:

$('.middle-cont.float-lft.content-height').html()

你的元素是否被隐藏并不重要。

答案 3 :(得分:0)

试试这个

 var innerHtml = $(".middle-cont").filter(".float-lft").filter(".content-height").html();
 alert(innerHtml);

Demo