1. 程式人生 > >jQuery選擇器進行選擇新增和刪除樣式

jQuery選擇器進行選擇新增和刪除樣式

$(function () {  $("a[dq='1']").each(function(){// 遍歷a標籤 含有dq=1的屬性 if($(this).text()==$("#provinceCode").val()){ //如果值跟省份值一致  那麼增加一個樣式!這是載入時候就顯示的 $(this).addClass("dqdq"); } }); });

<a href="javascript:void(0)" onclick="searchByProvince('全部');" dq="1">全部</a>

    <a href="javascript:void(0)" onclick="searchByProvince('北京');" dq="1">北京</a>
    <a href="javascript:void(0)" onclick="searchByProvince('天津');" dq="1">天津</a>
    <a href="javascript:void(0)" onclick="searchByProvince('上海');" dq="1">上海</a>
    <a href="javascript:void(0)" onclick="searchByProvince('重慶');" dq="1">重慶</a>
    <a href="javascript:void(0)" onclick="searchByProvince('河北');" dq="1">河北</a>
    <a href="javascript:void(0)" onclick="searchByProvince('山西');" dq="1">山西</a>
    <a href="javascript:void(0)" onclick="searchByProvince('內蒙古');" dq="1">內蒙古</a>
    <a href="javascript:void(0)" onclick="searchByProvince('遼寧');" dq="1">遼寧</a>
    <a href="javascript:void(0)" onclick="searchByProvince('吉林');" dq="1">吉林</a>
    <a href="javascript:void(0)" onclick="searchByProvince('黑龍江');" dq="1">黑龍江</a>
    <a href="javascript:void(0)" onclick="searchByProvince('江蘇');" dq="1">江蘇</a>
    <a href="javascript:void(0)" onclick="searchByProvince('浙江');" dq="1">浙江</a>
    <a href="javascript:void(0)" onclick="searchByProvince('安徽');" dq="1">安徽</a>
    <a href="javascript:void(0)" onclick="searchByProvince('福建');" dq="1">福建</a>
    <a href="javascript:void(0)" onclick="searchByProvince('江西');" dq="1">江西</a>