如何使用jQuery選擇器中的萬用字元,例如$('#name* ')、$(' #name% ')?


為了獲取jQuery選擇器中以特定字串開頭或結尾的id,不要使用萬用字元$('#name *'),$('#name%')。相反,使用字元^ and $。^用於獲取以特定字串開頭的所有元素。$用於獲取以特定字串結尾的所有元素。

示例

你可以嘗試執行以下程式碼來學習如何以特定字串開頭和結尾獲取id。

即時演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

  $("[id$=new1]").css("background-color", "yellow");
  $("[id^=myid]").css("background-color", "green");

});
</script>
</head>
<body>

<div id="idnew1" myattr="javasubject">Java</div>
<div id="idnew2" myattr="htmlsubject">HTML</div>

<div id="myid1" myattr="rubysubject">Ruby</div>
<div id="myid2" myattr="cppsubject">C++</div>

</body>
</html>

更新於:13-Jun-2020

4K+瀏覽

開啟你的職業生涯

完成課程後獲得認證

開始
廣告
© . All rights reserved.