javascript - jQuery用可变组件查找ID

Question

可能重复：
jquery 或 css 选择器？选择所有以

此代码更改ids 1-3 的鼠标悬停时#idview的src属性。

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

如何通过“#id_”选择一个 ID，然后选择一个变量整数？例如，如果有 1000 张图像，那么在哪里写出来是不切实际的？

可能是这样的$("#id_"+*)？

Answer 1

使用属性以选择器开头：

$("[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() {
    //...
});