关于javascript:如何使用jQuery删除带有两个类名的li和ol

How to remove li and ol with two class names using jQuery

本问题已经有最佳答案,请猛点这里访问。

请参阅http://jsfiddle.net/d5ss8/458上的小提琴。/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<ul class="bjqs-controls v-centered">
    <li >test
</li>

   
<li>
test
</li>


</ul>


   
<li>
test2
</li>

   
<li>
test3
</li>


<input type="button" value="click me" />

javascript:

1
2
3
4
$('input').click(function() {
   $('ul.bjqs-controls v-centered').empty();
    $('ol.bjqs-markers h-centered').empty();
});

我想用类名从dom中删除"li"和"ol"。现在,这两个类都包含两个类名,空函数正是基于这个类名工作的。它在给定单个类名时工作。


http://jsfiddle.net/mohammaddil/d5ss8/459/

1
2
3
4
$('input').click(function() {
   $('ul.bjqs-controls.v-centered').empty();
   $('ol.bjqs-markers.h-centered').empty();
});


您可以将两个类粘在一起而不留空格:

1
2
$('ul.bjqs-controls.v-centered').empty();
$('ol.bjqs-markers.h-centered').empty();

更新的小提琴


只需使用两个类限定符:

1
$('ul.bjqs-controls.v-centered').empty();

它们之间不应该有空隙。您只需拨打一个电话即可完成所有这些操作:

1
$('ul.bjqs-controls.v-centered, ul.bjqs-controls.h-centered').empty();