すべてのJavaScript jQueryの

Question

をクリックして、私は実行すると：

のjavascript：

var inputs = document.getElementsByClassName('subscribe_follow'); 

for(var i=0;i<inputs.length;i++) { 
    inputs[i].click(); 
} 

クラスclass="subscribe_follow"ですべてのボタンをクリックし、 を、それはまた、クラスclass="subscribe_follow ng-hide"ですべてのボタンをクリックします。

正確なクラスをクリックするだけですか？

Answer 1

not演算子を使用できます。

document.querySelectorAll('.subscribe_follow:not(.ng-hide)'); 

.subscribe_follow:not(.ng-hide)セレクタは、クラスsubscribe_fellowを持つすべての要素を選択しますが、ng-hideクラスを持ちません。

jQueryのサッシャンスにより示唆されるようにあなたがnot演算子を使用することができ

$('.subscribe_follow:not(.ng-hide)'); 

Answer 2

。ここでの欠点は、除外されるはずのすべてのクラスに言及しなければならないことです。これは、同じ要素で使用している可能性のある異なるクラスの数に応じて痛みを伴う可能性があります。

jsを適用する唯一の目的でクラスを宣言するか、HTMLで設定できる別の属性で要素をターゲティングすることをお勧めします。ここで

あなたは、代替のターゲティングについての詳細を見つけることができます。

Find an element in DOM based on an attribute value