javascript - jQueryを使用して2つのクラス名を持つ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」を削除したい。ここで、空の関数が現在機能しているため、両方に 2 つのクラス名が含まれています。単一のクラス名が指定されている場合に機能します。

Answer 1

2 つのクラス修飾子を使用するだけです。

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

それらの間にスペースがあってはなりません。このすべてを 1 回の呼び出しで実行できます。

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

Answer 2

スペースなしで 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();
});