jQuery kullanarak HTML öğesini edinin

Question

"div1", "div2" ... "divx" kimliğine sahip bazı DIV'leri var. Onlara bir operasyon yapmak istiyorum. Öğe kimliğini almanın herhangi bir yolu var mı "div" içeriyor. Başka bir fikrin var mı?

Answer 1

Yukarıdaki harflerle div ile başlayan bir id özelliğine sahip tüm div'leri çekecek starts with selector

$("div[id^='div']") 

kullanabilirsiniz.

jsFiddle example that makes all divs with id div... invisible.

---

Burada bir numara takip div eşleştirmek istiyorum ama başka bir şey tarafından takip değil div eğer hileli durumda ne var. Yani div1 eşleşir, ancak divx olmaz.

Bu durumda filter() işlevini bir işlevle kullanırız. Bir eşleşme istediğimiz zaman işlev, doğru olmadıkça yanlıştır. Bu durumda id yılında,

$("div").filter(function() { 
    return $(this).attr("id").match(/^div[\d]+$/) 
}) 

attr() belirtilen özelliğin değerini döndürür: Bu (bir regex bir rakam veya daha basit [\d] temsil etmek [0-9] kullanabilirsiniz) için match() ve regex harika.

jsFiddle example that makes all div followed by number disappear, but not div followed by other things.

Answer 2

Bunu kullanabilir (Ben olsa test etmedim):

jQuery("div[id^='div']") 

Bu id "div" ile başlayan olan tüm div unsurları alacak. Eğer "div" içeren bir id, o zaman bu kullanabilirsiniz olan tüm div unsurları isteseydim

: div1, DIV2 gibi kimlikleri kullanarak

jQuery("div[id*='div']") 

Answer 3

, DIV3 kötü bir uygulamadır. Sınıflarınıza "black-bold-12px" adını vermek ve daha sonra bu stilleri bu sınıfa atamak gibi bir şey. Anlambilimdeki noktayı özlüyor.

Bunu yapmanın doğru yolu, hepsi için bir sınıf kullanıyor olabilir.

<div class="something usethis">...</div> 
<div class="usethis something_else">...</div> 
<div class="usethis">...</div> 
<div class="something anotherclass usethis" id="someId">...</div> 

<script> 
    $(".usethis").html("New contents for all of them!"); 
</script>