javascript - 如何使用jQuery删除具有两个类名的li和ol

Question

请参考http://jsfiddle.net/D5ss8/458/上的小提琴

<ul class="bjqs-controls v-centered">
    <li >test</li>
    <li>test</li>
</ul>
<ol class="bjqs-markers h-centered">
    <li>test2</li>
    <li>test3</li>
</ol>
<input type="button" value="click me" />

JavaScript：

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

我想使用其类名从 DOM 中删除“li”和“ol”。现在，两者都包含两个类名，因为现在空函数正在工作。它在给出单个类名时起作用。

Answer 1

只需使用两个类限定符：

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

它们之间不应有空格。您只需一个电话即可完成所有这些操作：

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

Answer 2

您可以将两个类粘贴在一起而没有空间：

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

更新小提琴

Answer 3

http://jsfiddle.net/mohammadAdil/D5ss8/459/

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