ID avec jQuery trouver composante variable

Question

Possible en double:
jquery or css selector? select all id’s that start with

Ce code change attribut de src#idview sur la souris sur des ids 1-3.

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

Comment puis-je sélectionner un ID par "#id_" puis un entier variable? Dire par exemple s'il y avait 1000 images, où il serait impraticable d'écrire ceci à long terme?

Cela peut-être quelque chose comme $("#id_"+*)?

Answer 1

Utilisez un attribute starts-with selector:

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

Il serait un peu plus efficace pour clarifier le type d'élément avant le sélecteur d'attribut, mais il est pas clair de votre question exactement quels sont les éléments que vous essayez de choisir.

Answer 2

simplement incorporer l'entier variable dans une chaîne:

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

$("#" + myid) // Selector 

Bien que si vous n'avez pas besoin de cibler ID spécifiques alors j'aller avec la réponse de James.

Answer 3

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

Vous pouvez également ajouter une classe aux éléments que vous souhaitez lier, puis l'utiliser comme sélecteur.

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