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>

---

#1楼

对于您能够使用的课程：

div[class^="jander"]

---

#2楼

因为标题建议使用通配符，您也能够使用：

$(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任何位置选择给定的字符串。

---

#3楼

要从通配符匹配中获取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>

---

#4楼

当您有一个更复杂的id字符串时，双引号是必需的。

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

出于安全缘由，尽量使用双引号。

---

#5楼

要得到以“jander”开头的全部元素，您应该使用：

$("[id^=jander]")

以“jander”结束那些

$("[id$=jander]")

另请参阅JQuery文档