設置具有類似elementId名稱div顯示 - > jQuery/css

我有情況設置ID爲「ABC_HK _...._ XYZ」的所有div來顯示。我只是知道循環所有元素ID來檢查發現在getElementById() wildcard 設置具有類似elementId名稱div顯示 - > jQuery/css

但我不明白選擇多少或不同，我想要一個簡單的方法，例如jquery ??? 我不確定多樣格的名稱，例如，下面.. ABC_HK_KWUNTONG_XYZ，ABC_HK_TAIPO_XYZ

我要像$('ABC_HK_[*]_XYZ').style.display="block";

來源

2017-10-09 AMMA

[通配符搜索使用jQuery一個元素的id]（的可能的複製https://stackoverflow.com/questions/9284691/wildcard-search-of-an- elements-id-using-jquery） – Ergec

做了任何答案幫助？ –

是的，它已經解決並標記了答案。感謝它真的有助於在stackoverflow – AMMA

所以你想要一個匹配任何元素的選擇器，該類以ABC_HK_開頭，結尾爲_XYZ。使用下列化合物選擇那些：

$('[class ^=ABC_HK_][class $=_XYZ]')

例子：

$('[class ^=ABC_HK_][class $=_XYZ]').addClass('bg-red')

div { 
 
    margin:2px; 
 
    background:#ddd; 
 
    padding:20px; 
 
    display:inline-block; 
 
} 
 
.bg-red { 
 
    background:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="ABC_HK_KWUNTONG_XYZ">ABC_HK_KWUNTONG_XYZ</div> 
 
<div class="ABC_HK_K_XYZ">ABC_HK_K_XYZ</div> 
 
<div class="ABC_HK_G_XYZ">ABC_HK_G_XYZ</div> 
 
<div class="ABC_XYZ">ABC_XYZ</div> 
 
<div class="ABC_HK_G_XYZ">ABC_HK_G_XYZ</div> 
 
<div class="ABC_HK_KW_XYZ">ABC_HK_KW_XYZ</div> 
 
<div class="ABC_HK_K">ABC_HK_K</div>

來源

2017-10-09 18:20:25

所以他們都開始ABC_HK_？如果是這樣的話，你可以使用[ID^=「ABC_HK_」]來獲得其ID與那些字符開頭

來源

2017-10-09 18:20:53 will

可以使用僞選擇，例如

$("[name^=ABC_HK_][name$=_XYZ]").CSS("display","block")

來源

2017-10-09 18:40:12

的class的Equals任何元素string

$('div[class="string"').doSomething();
class的起始與string

$('div[class^="string"').doSomething();
class所述的一部分是string

$('div[class*="string"').doSomething();
class的結束與string

$('div[class$="string"').doSomething();

$("div[class^='ABC_HK'][class$='_XYZ']").css("color","red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="ABC_HK_TRUE1_XYZ">SHOULD BE COLORED</div> 
 
<div class="ABC_FAKSE_Z">SHOULDN'T BE COLORED</div> 
 
<div class="ABC">SHOULDN'T BE COLORED</div> 
 
<div class="HELLO__XYZ">SHOULDN'T BE COLORED</div> 
 
<div class="ABC_HK_HELLO__XYZ">SHOULD BE COLORED</div>

HERE IS A COMPLETE LIST OF JQUERY SELECTORS

來源

2017-10-09 18:40:13

設置具有類似elementId名稱div顯示 - > jQuery/css

回答

相關問題