jQuery 選擇器,替代萬用字元 模糊查找匹配元素

jQuery 選擇器中沒有所謂的「萬用字元(*)」,可以透過依些方式接近模糊查找元素或值的目的

歸納出幾種用法

下表屬性名稱不一定為Class,可以替換成需要的屬性
單引號可有可無

[class]比對元素包含指定屬性
[id][class][href]比對元素包含其中一個屬性
[class=’test’]完全比對元素屬性與值 (區分大小寫)
[class^=’test’]比對元素屬性開頭為指定的值
[class$=’test’]比對元素屬性結尾為指定的值
[class*=’test’]模糊比對屬性包含指定的值
[class!=’test’]元素屬性不包含指定的值

使用範例:

<ul>
    <li class="test_a">aaa</li>
    <li class="test_b">bbb</li>
    <li class="test_c">ccc</li>
    <li>ddd</li>
</ul>
$('[class*=test]').each(function (index, element) {
    alert($(this).attr('class'));
});

Demo Download 範例下載:

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

38ieWXhURt27br9XrDoCeo4eruzKyi8QKs



ann71727

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料