Question

jquery点击左侧任意一个li，右侧相应切换li的内容，怎么实现

Answer 1

<ul style="float:left; width:20%;">
<li>111111111111</li>
<li>222222222222</li>
<li>333333333333</li>
<li>444444444444</li>
</ul>
<div id=content style="float:right:width:70%"></div>
<script>
/*以下代码适用于jquery*/
$(function(){
    $("ul li").on("click",function(){
        $("#content").html("您点击的是"+$(this).html());
    });
});
/*以下代码适用于原生JavaScript*/
window.onload=function(){
    var lis=document.getElementsByTagName("li");
    for(var i=0;i<lis.length;i++){
        lis[i].onclick=function(){
            document.getElementById("content").innerHTML="您点击的是"+this.innerHTML;
        }
    }
}
</script>