Ajouter à la dernière li

Ok, donc j'ai cette HTML structure et j'ai besoin de garder à ajouter une nouvelle li après test3 et ainsi de suite...juste avant que la forme li. Je sais comment ajouter de la logique dans jquery mais comment puis-je isoler et assurez-vous que je peux continuer à le faire....peut-être utiliser la fonction live.

<td class="resources_present">
<ul>
    <li><a href="http://test.com">http://test.com</a></li>
    <li><a href="http://test2.com">http://test2.com</a></li>
    <li><a href="http://tes3.com">http://test3.com</a></li>
<li><form method="post" id="new_resource" class="new_resource" action="/resources" accept-charset="UTF-8"><div style="margin: 0pt; padding: 0pt; display: inline;"><input type="hidden" value="✓" name="utf8"><input type="hidden" value="BEeMlTtPiMi8mv/whQ2z757CTTOnNl0oiPpN3WdqSBg=" name="authenticity_token"></div>
  <div class="field">
    <input type="text" size="30" name="resource[url]" id="resource_url">
    <input type="hidden" value="5" name="resource[course_id]" id="resource_course_id">
  </div>
  <div class="actions">
    <input type="submit" value="Create" name="commit" id="resource_submit" style="display: inline;">
        <img class="noShow" src="/images/spinner.gif" style="display: none;">
  </div>
</form></li>
</ul>
</td>

Essentiellement, j'ai besoin de trouver le sélecteur ajouter ceci:

    <li><a href="http://test4.com">http://test4.com</a></li> //after the 

            <li><a href="http://test3.com">http://test3.com</a></li> //and continue to do that with 5, 6 , 7, and so on

source d'informationauteur Matt Elhotiby

  1. 14

    De nombreuses façons de le faire. En voici un:

    $('li:last').prev();

    Et d'ajouter:

    $('li:last').prev().after('<li><a href="http://test4.com">http://test4.com</a></li>');
  2. 8

    $("#yourselectorid li").eq(-2) devrait faire l'affaire

    MODIFIER

    En supposant que vous avez au moins 2 <LI> déjà présent (l'une étant la forme)

  3. 0

    Vous devez utiliser le .after() de la fonction pour cela.

    Donner votre test3 une classe ou un id pour le trouver facilement, comme ceci:

    <li id="insertafter"><a href="http://test3.com">http://test3.com</a></li>

    Puis utilisez ceci:

    $('#insertafter').after('<li><a href="http://test4.com">http://test4.com</a></li>');

    Il y a aussi un before fonction 🙂