如何将内容添加到单击其父 li 的特定 UL
how to add content to the specific ul of whose parent li is clicked?
我想添加一些内容,并删除任何以前点击的 li 的内部 html?
<html>
<head>
<link rel="stylesheet" type="text/css" href="testtab.css"/>
<script type="text/javascript" src="scripts/jquery-1.10.1.min.js"></script>
<script>
$('#chat ul li a').on('click', function (e) {
alert("in");
alert($(this).closest('li').index());
});
</script>
</head>
<body>
<div id="chat" class="chat">
<ul class="chatmenu">
<li id="one" class="users"><a href="#one">abcy<span class="notify">1 new*</span></a>
<div class="chattng">
<ul class="overl">
</ul>
</div>
</li>
<li id="two" class="users"><a href="#two">avvv<span class="notify">a</span></a>
<div class="chattng">
<ul class="overl">
</ul>
</div>
</li>
<li id="three" class="users"><a href="#three">gtt<span class="notify">d</span></a>
</li>
<li id="four" class="users"><a href="#four">trt<span class="notify">e</span></a></li>
<li id="five" class="users"><a href="#five">kkk<span class="notify">f</span></a></li>
</ul>
</div>
</body>
</html>
一旦知道了,那么如何做到这一点,无论单击哪个 li,它的 innerhtml 都会得到一些东西,而被点击的上一个 li 将 InnerHtml 作为 null?
您在不支持它的版本上使用live
。使用on
.
$('#chat ul li a').on('click', function (e) {
alert($(this).closest('li').index());
});
您必须包装这是处理程序ready
以便在#chat
中的元素准备就绪并初始化时触发。
$(document).ready( function () {
$('#chat ul li a').on('click', function (e) {
alert($(this).closest('li').index());
});
});
这是一个演示:http://jsfiddle.net/hungerpain/Rr2dP/
或者,您可以将此事件绑定到document
对象:
$(document).on('click', '#chat ul li a' ,function (e) {
alert($(this).closest('li').index());
});
这就是live
过去的做法。
有人可以去编辑这个问题吗?找到点击的李数这是此信息的来源。我们现在不希望 ppl 遵循过时的信息,是吗?
将函数包装在 $(document).ready();
<script>
$(document).ready(function(){
$('#chat ul li a').on('click', function (e) {
alert("in");
alert($(this).closest('li').index());
});
});
</script>
相关文章:
- 使用jquery动态创建ul-li
- 使用下拉列表筛选列表(ul>li)
- 隐藏/显示包含单词的ul li项目.但只能入住李的子女
- ul-li专属功能
- 在jQuery UI中获取ul和li值,拖放即可排序
- nextSibling ul li ul
- 如何在应用切换点击功能之前,默认情况下在页面加载时隐藏带有特定类的ul-li
- 有没有一种方法可以检测一行何时随着浮动左LI的UL而改变
- jQuery复选框(在ul>li下)检查事件
- 加载更多li's在ul-JQuery中
- 自动完成搜索无法正常工作,请不要迭代$中的所有元素.每个ul-li都会及时显示响应
- Javascript 从嵌套的 UL LI 复选框生成递归 JSON 对象
- 使用jquery在ul菜单中添加li dynamic
- 有角度的自动建议文本排版和html ul li下拉列表
- Jquery菜单UL LI插入
- 更改Jquery UL li筛选器中的链接颜色
- 如何在 li ul 中获取跨度动态值
- 如何获取所有LI UL元素ID值并将它们放置在JavaScript数组中
- 获取Ul-li宽度,并将其设置为Ul-li-Ul的宽度
- 如何创建嵌套的li-ul-li元素