Bonjour,

Je suis actuellement sur un site, et je rencontre un petit problème. Je dois dans un menu de navigation ajouter un bout de code à la suite d'un élément, j'ai indiqué l'emplacement précis dans le code en écrivant " {! - ICI - !} "


<nav id="mainnav" class="mainnav">
    <ul id="menu-header" class="menu">
        <li><a href="#">Accueil</a></li>
        <li><a href="#">titre menu 1</a></li>
        <li><a href="#">titre menu 2</a> {! - ICI - !} </li>

    <ul class="sub-menu">
        <li><a href="#">titre menu 3</a></li>
        <li><a href="#">titre menu 4</a></li>
        <li><a href="#">titre menu 5</a></li>
        <li><a href="#">titre menu 6</a></li>
        <li><a href="#">titre menu 7</a></li>
        <li><a href="#">titre menu 8</a></li>
    </ul>

    <li><a href="#">titre menu 9</a></li>

    </ul>
</nav>



J'ai réussi à cibler le <li> avec ce code :
<script>    $('#menu-header :nth-child(3)').append('<i class="fa fa-angle-down" aria-hidden="true"></i>');  </script>

Cependant je souhaites, comme indiquer plus haut, cibler après le </a> pour ajouter un petit bout de code...

Je vous remercies par avance pour votre aide ! Smiley biggol
Bonjour, il y a un problème avec le code HTML qui n'est pas valide (et sera modifié dans le dom), tu veux sûrement dire ceci? :


<nav id="mainnav" class="mainnav">
    <ul id="menu-header" class="menu">
        <li><a href="#">Accueil</a></li>
        <li><a href="#">titre menu 1</a></li>
        <li>
            <a href="#">titre menu 2</a> {! - ICI - !}
            <ul class="sub-menu">
                <li><a href="#">titre menu 3</a></li>
                <li><a href="#">titre menu 4</a></li>
                <li><a href="#">titre menu 5</a></li>
                <li><a href="#">titre menu 6</a></li>
                <li><a href="#">titre menu 7</a></li>
                <li><a href="#">titre menu 8</a></li>
            </ul>
        </li>
        <li><a href="#">titre menu 9</a></li>

    </ul>
</nav>

Bonjour Ploping,
Je pense que on doit pouvoir faire :
 $('#menu-header > li:nth-child(3) > a').after('<i class="fa fa-angle-down" aria-hidden="true"></i>');
ou
  $('#menu-header a').get(2).after('<i class="fa fa-angle-down" aria-hidden="true"></i>');  
Bonsoir kustolovic, Bonsoir aliasdmc, je n'ai pas pris le temps de regarder la différence entre ton code et le mien, j'ai sans doute dû faire une faute lors du copier coller + remise en forme pour rendre le code lisible sur se topic.

Nickel aliasdmc, tu m'as mis sur la voie ! j'ai essayé tes deux codes, à chaque fois ça me mettais le au mauvaise endroit, mais en faisant un mix entre ton code et le mien, j'ai réussi à obtenir ce que je voulais ! :

<script> $('#menu-header :nth-child(3) > a').append('<i class="fa fa-angle-down" aria-hidden="true"></i>'); </script>

l'union fait la force Smiley biggol