如何在链接中点击某个div时添加文本

Question

这是我在jQuery中的第一次入侵，所以我真的很新鲜。我阅读了文档（实际上，我仍然在其中）以更好地了解它！

事情是，我有一个网站，有几个链接到li元素，我希望每次点击其中一个链接时，某个文本块会出现在div id =“container”在网页中。

我该怎么做？

Answer 1

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

Answer 2

快速，简单的答案：

$('#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); 
}); 

我增加了更多的代码来显示你将如何使用$(this)访问给定的链接，并进一步通过AJAX加载其HREF。

Answer 3

尝试

<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>