Como obtener primer nth-child o first-child con span usando jQuery

publicado por: Anonymous

Quería tener el primer nth-child, que se rellenan dinámicamente mediante agregación y no sé cómo conseguirlo.

_x000D_

_x000D_

$("ul > li > a > span.menu-item-text:nth-child(1)").text("Primer Inicio");

_x000D_

ul { _x000D_
  padding: 0;_x000D_
  margin: 0;_x000D_
}_x000D_
_x000D_
ul > li {_x000D_
  list-style: none;_x000D_
}

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
    <ul class="test static">_x000D_
      <li class="static">_x000D_
        <a href="#">_x000D_
          <span class="menu-item-text">Frist (solo quiere cambiar "Primer Inicio")</span>_x000D_
        </a>_x000D_
      </li>_x000D_
      <li class="static">_x000D_
        <a href="#">_x000D_
          <span class="menu-item-text">Two</span>_x000D_
        </a>_x000D_
      </li>_x000D_
      <li class="static">_x000D_
        <a href="#">_x000D_
          <span class="menu-item-text">Tree</span>_x000D_
        </a>_x000D_
      </li>_x000D_
    </ul>

_x000D_

_x000D_

_x000D_

solución

Para completar a las otras respuestas y viendo tu código, te dejo algunos ejemplos de referencia con diferentes posibilidades:

  • :first$('.menu-item-text:first').text("Primer Inicio");
  • :eq()$('.menu-item-text:eq(0)').text("Primer Inicio");
  • :lt()$('.menu-item-text:lt(1)').text("Primer Inicio");
  • .filter()$('.menu-item-text').filter(':first').text("Primer Inicio");
  • .children()$('ul a').children(':first').text("Primer Inicio");
  • .first()$('ul a span').first().text("Primer Inicio");
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *