javascript获取当前<ul>中点击的<li> 的值

javascript获取当前<ul>中点击的<li> 的值,第1张

1楼正解 我替楼主试过了

<html><head><title></title></head>

<body onload="ons()">

<ul id="parent">

<li>a</li>

<li>b</li>

<li>c</li>

</ul>

</body>

<script>

function ons(){

var ul = documentgetElementById('parent');

var lis = ulgetElementsByTagName('li');

for(var i=0;i<lislength;i++){

lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>

</html>

当加载列表时,默认希望选中第一条。top_menu 为ul的ID

通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用

例如 修改属性:$("#top_menu li:first")attr("class","select");

触发事件:$("#top_menu li:first")click();

如果想获取li下的 a标签,如下:

$("#top_menu li:first a")

也可以 修改属性:$("#top_menu li:first a")attr("","");

触发事件:$("#top_menu li:first a")click();

<ul class="nav white" id="top_menu" name="top_menu">

<!-- 一级菜单 -->

<s:iterator value="list" status="st">

<li><a onclick=""><s:property value="menuName" /></a></li>

</s:iterator>

</ul>

你绑定个onclick事件好了,然后吧this当参数传进去,在js中处理,根据传入object对象,获取该对象的id属性,这个时候你就知道是谁被选中了,然后还要处理一下冒泡事件。

这是javascript版本的。完成点击按钮放幻灯片的业务,都差不多,你自己看看做吧。javascript和jquery差不多,获取参数的是attr(“id”)。

function display(obj){

$("tp")stylebackgroundImage="url('/TSKJ/images/"+objid+"jpg')";

stopBubble(e);

}

//解决ul中的冒泡事件

function stopBubble(e){

if(e){

estopPropagation();

}else{

windoweventcancelBubble = true;

}

}

以上就是关于javascript获取当前<ul>中点击的<li> 的值全部的内容,包括:javascript获取当前<ul>中点击的<li> 的值、用jq怎么获取<ul>里面的<li>的值、jquery easyui 如何获取用户点的是那个Li 的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9403406.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存