Sortable.js移动端拖拽排序的容器li标签里含有其他点击事件如何写

Sortable.js移动端拖拽排序的容器li标签里含有其他点击事件如何写,第1张

思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:

1、HTML结构

<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>

2、javascript代码

windowonload = function(){
var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}

3、效果演示

<style>
ul>li{
float:right
}
</style>
<script language="javascript">
function go_up(){
var len = documentgetElementById('test')innerHTML+='<li>1</li>';
}
</script>
<ul id="test"><li>2</li></ul>
<a href="javascript:go_up()">点我</a>

首先
1,先根据选择器选择到目标li元素
2,将选中的li元素通过for循环做选中,你要写入数据,不知道是不是要换标签内容还是,如果换标签内容可以直接通过innerHTML赋值


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13410225.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存