jQuery选择器中的通配符

我正在尝试使用通配符来获取id以“jander”开头的所有元素的id。我尝试了$('#jander*')、$('#jander%')，但它不起作用…

我知道我可以使用元素的类来解决它，但也可以使用通配符？？

<script type="text/javascript">


var prueba = [];


$('#jander').each(function () {
prueba.push($(this).attr('id'));
});


alert(prueba);




});


</script>


<div id="jander1"></div>
<div id="jander2"></div>

528351 次浏览

小开

最佳答案

要获取所有以“jander”开头的元素，您应该使用：

$("[id^=jander]")

去拿那些以"jander"结尾的

$("[id$=jander]")

请参阅jQuery留档

小开

尝试jQuery开始

选择器, '^=', eg

[id^="jander"]

我不得不问，为什么你不想用类来做这件事？

小开

对于您可以使用的类：

div[class^="jander"]

小开

由于标题暗示通配符，您也可以使用它：

$(document).ready(function(){
console.log($('[id*=ander]'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="jander1"></div>
<div id="jander2"></div>

这将在id中的任何位置选择给定的字符串。

小开

从通配符匹配到获取id：

$('[id^=pick_]').click(
function(event) {


// Do something with the id # here:
alert('Picked: '+ event.target.id.slice(5));


}
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pick_1">moo1</div>
<div id="pick_2">moo2</div>
<div id="pick_3">moo3</div>

小开

当您有更复杂的id字符串时，双引号是强制性的。

例如，如果您有这样的id：id="2.2"，则访问它的正确方法是：$('input[id="2.2"]')

为了安全起见，尽可能使用双引号。