8
votes

Sélecteur JQuery Nth-enfant ne fonctionne pas

J'ai un ID div (Enchères), et je veux échanger le code HTML avec les enfants de la liste des enchères. Cependant, JQuery ne peut pas sélectionner les enfants de la liste des enchères Div.

Voici le HTML: P>

null


0 commentaires

5 Réponses :


26
votes

Vous avez besoin d'un espace entre vos sélecteurs, comme celui-ci: xxx

avec votre sélecteur, il recherche l'élément # liste de vente aux enchères , qui est le 1er enfant d'un autre élément, lorsque vous recherchez en réalité un élément qui est le nième enfant de la liste.


1 commentaires

Ça y est. J'avais besoin d'un espace avant le côlon.



0
votes

Essayez ce qui suit:

$("#auction-list > .auction:nth-child(2)")


0 commentaires

0
votes
alert($("#auction-list").children().length);
alert($("#auction-list").html());
alert($("#auction-list div:nth-child(1)").html());
alert($("#auction-list div:nth-child(2)").html());
$("#auctions").html($("#auction-list:nth-child(1)").html());

0 commentaires

2
votes

Je ne pense pas que vous devriez utiliser le sélecteur : nth-enfant sur un identifiant d'élément. Il devrait s'agir d'un élément classé

comme; xxx


0 commentaires

0
votes

J'ai eu un problème où l'événement de clic irait bien dans IE et Chrome mais pas Firefox. J'avais négligé une faute de frappe. Pensais que je partagerais au cas où cela aide quelqu'un.

 $(document).ready(function () {
    $(".test table tr:nth-child(1n+2").click(function () {
            alert(this.id); 
        });
});


0 commentaires