javascript - 存在する場合は li クラス名を選択します

Question

ボタンがクリックされるたびに、特定のクラス名を持つリスト項目が存在するかどうかを確認する関数に入ります。存在する場合は、削除する必要があります。

if($("ul#" + this.listClass + " li[class='errorlist']"))
{
    console.log("error");
}

これで、存在しない場合でも、クリックするたびに関数に入ります。

前もって感謝します。

Answer 1

クラスの存在を確認したい場合

if($('myElement').hasClass('myClassToCheckFor')){
    //do stuff to my element here
}

要素の存在を確認したい場合

if($('myElement.withMyClass').length > 0) {
    //do stuff to my element here
}

だからあなたがしたいのはこれです（ただし、これはjqueryオブジェクトのキャッシュ用に最適化されていませんが、何をする必要があるかを示しています）。

$('button.myButton').click(function(){
    if($('ul li').hasClass('monkey')){
        $('ul li.monkey').remove();
    } else {
        alert("not found!");
    }
});

このフィドルを参照してください

Answer 2

これは役立つかもしれません

var test = document.getElementById('test') //returns a HTML DOM Object
var test = $('#test') //returns a jQuery Object
var test = $('#test')[0] //returns a HTML DOM Object

したがってif($('#test')[0])、要素がDOMに存在するかどうかを確認するために使用できます。

要素にクラスがあるかどうかを確認する例

if($('#test')[0] && $('#test').hasClass("test")) {
    $('#test').removeClass("test");
}