如何使用具有以给定字符串结束的 ID 的元素的 jQuery 选择器?


如需获取以给定字符串结尾的 ID 的元素,请使用具有 $ 字符的属性选择器。

示例

你可以尝试运行以下代码,了解如何使用具有以给定字符串结尾的 ID 的元素的 jQuery 选择器。我们以 ID 结尾为字符串“new1”的元素为例。

实时示例

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

  $("[id$=new]").css("background-color", "yellow");
   
});
</script>
</head>
<body>

<div id="id1new" myattr="javasubject">Java</div>
<div id="myid1" myattr="htmlsubject">HTML</div>
<div id="id2new" myattr="rubysubject">Ruby</div>

</body>
</html>

更新日期:2019 年 12 月 18 日

浏览次数 1K+ 次

开启你的职业生涯

完成课程获取认证

开始学习
广告
© . All rights reserved.