输入$('ul li')click(function(){// TODO});
利用jQuery动态获取点击事件：
打开HBuilder开发工具，创建Web项目，并在web项目指定目录下新建静态页面，引入核心js，
插入可以 *** 作的DOM元素，在<body></body>插入div和ul元素，并给ul属性id，
在ul下方插入一个按钮button，设置id和class属性，引入样式文件，
在jquery初始化函数内编写按钮点击事件，动态向ul中插入li元素，并在li元素插入a标签，a标签有点击事件，
编写完毕后，预览该静态页面，点击“添加”按钮，发现报错，
检查js代码，发现a标签点击事件传参时单双引号出错，修改之后再次预览。
js:
function add(){
$("<input name="txt[]" type="text" />")appendTo(pId);
}
count(){
$("inpu [name='txt']")val();
}
html:
<div id = "pId"></div>
<input type="button" value="add" onclick="add"/>
<input type="button" value="count" onclick="count()" />
这里所有的input name都等于txt ,获取值的时候应该是一个数组,不然name就不能一样的。
按照要求，在点击每一行的修改按钮，需要获取对应行的第一列input的value值，对应的js代码参考下方：
function change(){var text = $(this)parents('tr')children('td:eq(0)')children('input')val();
consolelog(text);
}
还有更加简便的方法：在forEach循环生成tr和td元素时，按照如下规则生成td元素：
<c:forEach items="${projectHot26005s}" var="zslb"><tr id="sj1">
<td><input type="text" id="txt${zslbprojectId}" value="" maxlength="2"></td>
<td>${zslbprojectName }</td>
<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslbprojectId }')">删除</button></td>
<td><button class="btn btn-red r3 margin" onclick="change('${zslbprojectId}')">修改</button></td>
</tr>
</c:forEach>
这样在change方法中就能通过唯一的id来定位到指定的input，既而获取到value值：
function change(id){var text = $("#txt" + id)val();
consolelog(text);
}
以上就是关于Jquery如何给ul下每个li都加上点击事件全部的内容，包括:Jquery如何给ul下每个li都加上点击事件、每点击一次“添加”按钮生成输入表单，最后将所有表单的值获取，用如何jQuery实现谢谢各位大侠！！、jquery 点击按钮获取动态添加的 tr中 input text 内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）