Question

我正在尝试使用通配符来获取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>

Answer 1

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

$("[id^=jander]")

以“jander”结束那些结束

$("[id$=jander]")

另请参阅JQuery documentation

Answer 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。

中的任意位置选择给定的字符串

Answer 3

尝试使用jQuery启动 -

选择器，'^ ='，例如

[id^="jander"]

我不得不问，你为什么不想用类做这个呢？

Answer 4

您可以使用的课程：

div[class^="jander"]

Answer 5

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

Answer 6

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

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

出于安全原因，尽可能使用双引号。

jQuery选择器中的通配符

6 个答案: