2014-06-29 3 views
-1

Existe-t-il un moyen d'identifier directement l'élément dans la variable d au lieu de boucler en utilisant chaque fonction. S'il vous plaît trouver ci-dessous DOMIdentification de l'élément jquery dom sans bouclage


<!DOCTYPE html> 

    <html lang="en"> 
<head> 
    <title></title> 
    <script src="../jquery-ui-1.10.4.custom/js/jquery-1.10.2.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 

     var d = $("img", "#totaldiv");  
      d.each(function() { 
       if ($(this).attr("id") == "imgfour") 
        $(this).hide(); 
      });    

     }); 

    </script> 
</head> 
<body> 
<div id="totaldiv"> 
<img alt="hi image one" id="imgone" src="someimage" /> 
<img alt="hi image two" id="imgtwo" src="someimage" /> 
<img alt="hi image three" id="imgthree" src="someimage" /> 
<img alt="hi image four" id="imgfour" src="someimage" /> 
<img alt="hi image five" id="imgfive" src="someimage" /> 
</div> 
</body> 
</html> 

En fait, mon html est dynamique, juste pour les besoins d'illustration que j'ai fourni cela. Je ne veux pas utiliser $ ("# totaldiv #imgfour"). Hide(); (ou) $ ("# totaldiv> #imgfour"). hide();

+3

Quels critères sont utilisés pour décider de montrer ou de cacher? – Quince

Répondre

2

Puisque vous avez ids sur les images, c'est une doublure:

$("#imgfour").hide(); 
1

devrait être

$('img#imgfour').hide(); 

également pourquoi vous sélectionnez par id dans #totaldiv alors à la recherche d'un autre id?

0

Si vous ne souhaitez pas effectuer une boucle et que vous ne souhaitez pas accéder directement à l'ID, vous pouvez toujours utiliser .filter().

var d = $("img", "#totaldiv").filter("#imgfour"); 
0

1) Ajouter chaque élément img une classe

<img alt="hi image one" class='myimage' id="imgone" src="someimage" /> 
<img alt="hi image two" class='myimage' id="imgtwo" src="someimage" /> 
<img alt="hi image three" class='myimage' id="imgthree" src="someimage" /> 
<img alt="hi image four" class='myimage' id="imgfour" src="someimage" /> 
<img alt="hi image five" class='myimage' id="imgfive" src="someimage" /> 

2) Masquer/afficher tous les éléments qui ont classe 'myimage', puis afficher/masquer un élément spécifique en utilisant le sélecteur de id;

$('.myimage').hide(); 
    $('.myimage#id4').show(); 

J'espère que cela peut vous aider.