jQuery查找带有可变组件的ID

Question

  

可能重复：
  jquery or css selector? select all id’s that start with

此代码更改#idview的{​​{1}}属性，用于鼠标移除ids 1-3。

src

如何通过“#id_”然后选择变量整数来选择ID？比方说，如果有1000张图像，那么长手写这个图片是不切实际的吗？

可能类似于$("#id_1, #id_2, #id_3, #etc").mouseover(function(){ $("#idview").attr("src","id_" + this.id.substr(3,4) + ".jpg"); }); ？

Answer 1

使用attribute starts-with selector：

$("[id^='id_']").mouseover(function () {
    //Do stuff
});

在属性选择器之前澄清元素类型会更有效一点，但是你的问题并不清楚你要确切选择哪些元素。

Answer 2

只需将变量整数合并到一个字符串中：

var integer = 2
    myid = "id_" + integer;

$( "#" + myid ) // Selector

虽然如果你不需要针对具体的ID，那么我会选择James的答案。

Answer 3

$('[id^="id_"]').mouseover(function(){
    $('#idview').attr('src', this.id + ".jpg"));
});

或者您可以向要绑定的元素添加一个类，然后将其用作选择器。

$('.myClass').mouseover(function() {
    //...
});