jQuery il suffit de sélectionner le premier

Question

Mon javascript

  $(".controls").click(function(event) { 

        var div = $(event.target).parents(".controls"); 

        var a = $(div).find("tr .select"); 


      return false; 
     }); 

Et html

<div id="grid1" class="controls"> 

    <a href="/projekt/create">Add</a> 
    <a href="/projekt/edit">Edit</a> 

</div> 


<div id="grid2" class="controls"> 

    <a href="/uloha/create">Add</a> 
    <a href="/uloha/edit">Edit</a> 

    <table> 
    <tr id="1"></tr> 
    <tr id="2" class="select"></tr> 
    <tr id="3"></tr> 

    </table> 

</div> 

Je voudrais sélectionner le premier TR qui a de la classe select. J'ai essayé

var a = $(div).find("tr:first .select"); 

ou

var a = $(div).find("tr .select:first"); 

mais aucun d'entre eux travaillaient.

Answer 1

Vous pouvez essayer ceci:

var a = $("tr.select", div).first(); 

ou

var a = $("tr.select:first", div); 

Comme il n'y a :first et first().

Pour sélectionner tout cela dans ce que vous utilisez:

$(this, that) 

Would quelque chose comme ce travail?

$(".controls").click(function(event) { 
    var a = $("tr.select:first", ".controls"); 
    // do stuff with a.... 
    return false; 
}); 

Cela change « deux » à bien, mais pas « quatre » lorsque vous appuyez sur le bouton.

<div class="controls"> 
    <input type="button" value="Click the control" /> 
</div> 
<div id="grid2" class="controls"> 
    <table> 
     <tr id="1"><td>one</td></tr> 
     <tr id="2" class="select"><td>two</td></tr> 
     <tr id="3"><td>three</td></tr> 
     <tr id="4" class="select"><td>four</td></tr> 
    </table> 
</div> 
<script type="text/javascript"> 
    $(".controls input").click(function(event) { 
     var a = $("tr.select:first", ".controls"); 
     $(a).text("okay"); 
     return false; 
    }); 
</script> 

(Comme une note de côté, ceux qui ne sont pas appropriés noms d'identification, ils ne peuvent pas commencer par un numéro si vous voulez valid html)

Answer 2

Qu'en est-il de l'utilisation de l'index?

var a = $(div).find("tr.select")[0] 

/* I think that's the right syntax */ 

Answer 3

Vous pouvez utiliser la fonction first() pour cela.

var a = $(div).find("tr.select").first(); 

Answer 4

Je suis assez sûr de ce que vous voulez est la suivante:

var a = $(div).find("tr.select:first"); 

Dans sélecteurs jQuery, des espaces séparés niveaux dans la hiérarchie.

Si je le sélecteur "tr:first .select" il regarderait dans le premier tr et retourner tous les enfants qui ont la classe select.

Si j'utilisais le sélecteur "tr .select:first", il rechercherait dans chaque tr et renverrait le premier élément enfant avec la classe select pour chaque tr.