id在Jquery中包含特定的字符串名稱

Question

我有一個tmp變量。如果一個標籤id包含tmp字符串想要addClass。怎麼做？

$(document).ready(function() { 
    var tmp = "#lnkPage" + id; 

    $("#pageingdiv").children().each(function (n, i) { 
     var id = this.id; 
     //if (id.contains(tmp)) { 
     // $(id).addClass('box'); 
     //} 
    }); 
}); 

<div id="pageingDiv"> 
     <a id="CPH_Content_C002_lnkPage1" ></a> 
     <a id="CPH_Content_C002_lnkPage2" ></a> 
     <a id="CPH_Content_C002_lnkPage3" ></a> 
     <a id="CPH_Content_C002_lnkPage4" ></a>  
    </div> 
</div> 

Answer 1

看那Attribute starts with，Attribute ends with和Attribute contains選擇器。它們將幫助您直接選擇所有您想要的元素，而無需調用除.addClass()之外的任何其他功能。 :)

Answer 2

使用indexOf()

if(id.indexOf(tmp) !== -1) 
{ 
    $(id).addClass('box'); 
} 

而且你不應該有相同ID的元素，你應該使用類而不是

Answer 3

您可以使用jQuery("input[id*='value']")選擇器來檢查它是否包含特定的字符串作爲ID。

測試的代碼

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 

    $(function() 
    { 
     $("a[id*='lnkPage']").addClass('SampleClass'); 
    }); 

</script> 


<div id="pageingDiv"> 
    <a id="CPH_Content_C002_lnkPage1" ></a> 
    <a id="CPH_Content_C002_lnkPage1" ></a> 
    <a id="CPH_Content_C002_lnkPage1" ></a> 
    <a id="CPH_Content_C002_lnkPage1" ></a> 
</div>

Answer 4

試試這個

var tmp = "lnkPage1"; 
$("a[id*='"+tmp+"']").addClass('box'); 

Answer 5

試試這個：

var tmp = "lnkPage" + id; // <-----remove the hash '#' 

$('[id$="'+tmp+'"]').addClass('box');