Comment ajouter un texte dans un certain div lorsque vous cliquez sur un lien

Question

Ceci est ma première incursion dans jQuery donc je suis vraiment novice avec cela. J'ai lu la documentation (en fait, je suis toujours dessus) pour mieux la connaitre! Le fait est que j'ai un site web avec plusieurs liens dans un élément li et je veux y arriver à chaque fois que je clique sur un de ces liens, un certain texte apparaîtra dans un div id = "container" dans la page Web.

Comment est-ce que je pourrais faire ceci?

Answer 1

$('li a').click(function(){ 
    $('#container').html('Text you want to add'); 
}); 

Answer 2

réponse rapide, simple:

$('#yourlist li a').click(function(){ 
    //grab link's href attribute 
    var href = $(this).attr('href'); 

    //update content 
    $('#container').html("Loading page " + href + "..."); 

    //load page via AJAX using link's href 
    $('#container').load(href); 
}); 

j'ai ajouté plus de code pour montrer comment vous accéder au lien donné en utilisant $(this) et plus charger son href via AJAX.

Answer 3

essayer

<script src="your/downloaded/jquery/path.js></script>  
<script> 
     $(document).ready(function() { 
     $('a#idOfLink').click(function() { 
      $("div#container").html("<span class='red'>Your certain text</span>"); 
     }); 
    }) 
</script>