Comment ajouter un texte spécifique div élément à l'aide de jQuery?

J'ai un problème avec jquery.Mon code HTML est

<div id="first">
   <span class="test"></span>
</div>
<div id="second">
   <span class="test"></span>
<div>

Maintenant, je suis en train d'ajouter du texte dans la durée à l'aide de Jquery

$j('span.test').text('Welcome');

Après cela, il devient,

<div id="first">
    <span class="test">Welcome</span>
</div>
<div id="second">
    <span class="test">Welcome</span>
<div>

Mais, je suis tryting à atteindre est,

<div id="first">
    <span class="test">Welcome</span>
</div>
<div id="second">
    <span class="test"></span>
<div>

Comment puis-je le faire en jquery?

Grâce

Comme il le dit son code fonctionne, je suppose qu'il a créé une nouvelle jQuery alias en utilisant var $j = jQuery.noConflict();

OriginalL'auteur user1311776 | 2013-01-11

  1. 9

    Plusieurs alternatives possibles

    D'autres, ont apporté leurs réponses déjà, mais permettez-moi de vous donner quelques solutions de rechange plus.

    $("span.test:first").text("Welcome");
$("#first span.test").text("Welcome");
$("span.test").first().text("Welcome");
$("span.test").eq(0).text("Welcome");
$("span.test", "#first").text("Welcome");

    La deuxième et dernière chance d'être le plus rapide parce qu'ils ciblent conteneur particulier par ID.

    (interne jQuery optimisations peut me prouver le contraire avec toute version future)

    Comparaison des performances

    Voici un JSPerf test que la performance se compare supérieure possibilités. Comme prévu, la deuxième et dernière approches sont les plus rapides, parce que l'élément de sélection est très simplifiée. J'ai essayé de courir sur Chrome et vous pouvez exécuter dans d'autres navigateurs si vous voulez et voir les différences.

    OriginalL'auteur Robert Koritnik

  2. 4
    $('#first span.test').text('Welcome');

    sélecteurs jQuery CSS sélecteurs étendu avec un peu de magie. Vous pouvez trouver tout ce que vous devez savoir ici: http://api.jquery.com/category/selectors/

    OriginalL'auteur Milimetric

  3. 1

    Vous devez utiliser le :first sélecteur de dire que vous ne voulez ajouter du texte pour le premier élément, le sélecteur se trouve. Essayez ceci:

    $j('span.test:first').text('Welcome');

    Exemple de violon

    Alternativement, vous pouvez utiliser le id de la div parent de faire le sélecteur unique:

    $j('#first .test').text('Welcome');
    Bonjour downvoter, le soin de l'expliquer?
    Shun le downvoter!
    Je n'ai pas donwnvote mais :first sélecteur de filtre correspond à tous les éléments qui sont les premiers enfants de leurs parents, ce qui signifie que tous les test divs serait encore le match, de Sorte que votre première solution est bien sûr pas valide. Il serait ok si vous souhaitez faire $("span.test").first()...
    vous êtes cofusing :first, avec :first-child. :first sélectionne le premier élément de l'ensemble correspondant.
    Hm, je ne serais pas tel un cheval si il n'avait pas l'air de l'OP était très nouveau à jQuery. Je suis en imaginant toutes sortes d'effrayant code écrit 🙂

    OriginalL'auteur Rory McCrossan

  4. 0

    Dans cet exemple, vous pouvez faire ce que RoRyMcCrossan
    Pour les généraux de sélection, je vous recommande de regarder cette :http://api.jquery.com/child-selector/

    Ou vous pouvez utiliser cette

    http://api.jquery.com/eq-selector/

    OriginalL'auteur David H

  5. 0

    Puisque vous avez un id, qui est généralement unique sur une page, il woud être préférable d'utiliser les éléments suivants:

    $("#first span.test").text("Welcome");

    OriginalL'auteur rongsir