点击下面的地方的文字上面哪个地址图标旁边的文字就变成哪个了
好急,求得到大佬帮助
<div>
<div>
定位【<span id="s1">北京</span>】
</div>
<ul id="s2">
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ul>
</div>
<script>
document.getElementById("s2").addEventListener("click",function(e) {
if(e.target && e.target.nodeName.toLowerCase() == "li") {
document.getElementById("s1").innerText=e.target.innerText
}
});
</script>
那就这样??
可以
选中的时候,获取上面的图标文字的dom然后改变innerText
点击获取文本,然后赋值给标签旁边那个元素,你不贴代码我就只能这么讲
<div>
<div>
定位【<span id="s1">北京</span>】
</div>
<ul id="s2">
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
$('#s2').on('click','li',function(){
$('#s1').text($(this).text())
})
</script>
这样不是快点吗?