jQuery 选择器中的通配符

发布于 2024-10-24 04:43:50 字数 427 浏览 7 评论 0原文

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

原文

I'm trying to use a wildcard to get the id of all the elements whose id begin with "jander". I tried $('#jander*'), $('#jander%') but it doesn't work..

I know I can use classes of the elements to solve it, but it is also possible using wildcards??

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦太阳 2024-10-31 04:43:50

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

$("[id^=jander]")

要获取以“jander”结尾的元素

$("[id$=jander]")

另请参阅 JQuery 文档

To get all the elements starting with "jander" you should use:

$("[id^=jander]")

To get those that end with "jander"

$("[id$=jander]")

See also the JQuery documentation

回复收藏 0 原文

自由如风 2024-10-31 04:43:50

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

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

Since the title suggests wildcard you could also use this:

$(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>

This will select the given string anywhere in the id.

回复收藏 0 原文

森林迷了鹿 2024-10-31 04:43:50

尝试 jQuery 开头

选择器，'^='，例如

[id^="jander"]

我不得不问，为什么你不想使用类来做到这一点？

Try the jQuery starts-with

selector, '^=', eg

[id^="jander"]

I have to ask though, why don't you want to do this using classes?

回复收藏 0 原文

眸中客 2024-10-31 04:43:50

对于课程，您可以使用：

div[class^="jander"]

for classes you can use:

div[class^="jander"]

回复收藏 0 原文

傲娇萝莉攻 2024-10-31 04:43:50

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

To get the id from the wildcard match:

$('[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>

回复收藏 0 原文