Öğeleri özelliğe göre seçme

Oluşturulan kimlikleri ile onay kutuları bir koleksiyon var ve bazıları ekstra bir niteliğe sahip. Bir öğenin belirli bir niteliği olup olmadığını kontrol etmek için JQuery kullanmak mümkün müdür? Örneğin, aşağıdaki öğenin "myattr" özelliğine sahip olup olmadığını doğrulayabilir miyim? Özelliğin değeri değişebilir.

<input type="checkbox" id="A" myattr="val_attr">A</input>

Örneğin, tek tek kontrol etmeden bu özelliğe sahip tüm onay kutularının bir koleksiyonunu nasıl alabilirim? Mümkün mü?

Bunları seçebilir misin? Öyleyse, evet:

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

DÜZENLE:

Yukarıdaki, else-branch'a düşecek myattrancak boş bir dize veya "0" olacaktır. Bu bir sorunsa, açıkça test etmelisiniz undefined:

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

Sorunun sorulmasından bu yana uzun zaman geçtiğini biliyorum, ancak çekin daha net olduğunu gördüm:

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

(As bu sitede bulunan buraya )

Belgeler yaklaşık edilir bulunabilir burada

Bu çalışacak:

$('#A')[0].hasAttribute('myattr');

JavaScript'te ...

null == undefined

... döndürür true*. Bu arasındaki fark bu ==ve ===. Ayrıca, ad undefinedtanımlanabilir ( nullis gibi bir anahtar kelime değildir ), bu yüzden başka bir şekilde kontrol etmeniz daha iyi olur. En güvenilir yol muhtemelen typeofoperatörün dönüş değerini karşılaştırmaktır .

typeof o == "undefined"

Bununla birlikte, bu durumda null ile karşılaştırmak işe yaramalıdır.

* Varsayım undefinedaslında tanımsızdır.

$("input[attr]").length daha iyi bir seçenek olabilir.

Birkaç fikir "typeof", jQuery ".is" ve ".filter" kullanarak etrafında attı, bu yüzden onları hızlı bir karşılaştırma karşılaştırmak düşündüm. Typeof bunun için en iyi seçim gibi görünüyor. Diğerleri çalışacak olsa da, jq kütüphanesini bu çaba için çağırırken net bir performans farkı var gibi görünüyor.

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

gibi bu yazı kullanarak .isve nitelik seçicisi [], kolayca bir işlev (veya prototip) ekleyebilirsiniz:

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

basitçe:

$('input[name*="value"]')

daha fazla bilgi: resmi dokümanlar

Bir özelliğin tüm unsurları seçimine ek olarak $('[someAttribute]')ya $('input[someAttribute]')da böyle bir tıklama işleyicisi gibi bir nesne üzerinde boole kontrolleri yapmak için bir fonksiyon kullanabilirsiniz:

if(! this.hasAttribute('myattr') ) { ...

Yukarıda açıklandığı gibi amaçlanan davranış ile npm paketi oluşturdum.

Link [NPM] ve [github]

Kullanımı çok basit. Örneğin:

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

true değerini döndürür.

Deve ile de çalışır.

Belirli bir niteliğe sahip öğeleri seçmek için yukarıdaki cevaplara bakın.

Belirli bir jQuery öğesinin belirli bir özniteliği trueolup olmadığını belirlemek için ajQuery koleksiyonundaki ilk öğenin bu özniteliğe sahip olması durumunda döndüren küçük bir eklenti kullanıyorum :

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

JQuery özniteliği dize olarak döndürür. Bu nedenle, ayarlanıp ayarlanmadığını belirlemek için bu dizenin uzunluğunu kontrol edebilirsiniz:

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");