Jquery循环添加事件问题 - ITeye问答
jquery异步加载获得json一个list对象.
写了个for循环
[
function loadUsers(json) {
var obj = JSON.parse(json);
var list = obj.
for (var i = 0; i & list. i++) {
var id = list[i].
var truename = list[i].
var type = list[i].
$("#inserthtml").after("&tr&&td&" + truename + "&/td&&td&&input type='radio' id='" + id + "_A' name='radio_"
+ id + "' value='0'&未激活" + "&input type='radio' id='" + id
+ "_B' name='radio_" + id
+ "' value='1'&管理员&input type='radio' id='" + id
+ "_C' name='radio_" + id + "' value='2'&项目主管"
+ "&input type='radio' id='" + id + "_D' name='radio_" + id
+ "' value='3'&员工 &/td&&td&&a href='/IdeaYapai_/DeleteUserServlet?id=" + id
+ "' onclick='return confirm(\"确定删除?\");' &删除&/a&&/td&&td&&input type='button' id='updatetype" + id
+ "' value='更新权限'/&&/td&&/tr&")
switch (type) {
$("#" + id + "_A").attr("checked", "true");
$("#" + id + "_B").attr("checked", "true");
$("#" + id + "_C").attr("checked", "true");
$("#" + id + "_D").attr("checked", "true");
$("#updatetype" + id).click(function() {
url : 'UpdateTypeServlet',
cache : false,
type : 'post',
dataType : 'html',
data : 'userid='
+ '&newtype='
+ $("input[name=radio_" + id + "][checked]")
问题是:每添加一行&tr&就给&tr&里的button添加一个事件,但是这样的事件获得的id和newtype都是最后一个元素的.
请教如何给每一个按钮添加动作事件才能使获得的ID和newtype是目标元素的.
问题补充：jquery异步加载获得json一个list对象.
写了个for循环
[
function loadUsers(json) {
var obj = JSON.parse(json);
var list = obj.
for (var i = 0; i & list. i++) {
var id = list[i].
var truename = list[i].
var type = list[i].
$("#inserthtml").after("&tr&&td&" + truename + "&/td&&td&&input type='radio' id='" + id + "_A' name='radio_"
+ id + "' value='0'&未激活" + "&input type='radio' id='" + id
+ "_B' name='radio_" + id
+ "' value='1'&管理员&input type='radio' id='" + id
+ "_C' name='radio_" + id + "' value='2'&项目主管"
+ "&input type='radio' id='" + id + "_D' name='radio_" + id
+ "' value='3'&员工 &/td&&td&&a href='/IdeaYapai_/DeleteUserServlet?id=" + id
+ "' onclick='return confirm(\"确定删除?\");' &删除&/a&&/td&&td&&input type='button' id='updatetype" + id
+ "' value='更新权限'/&&/td&&/tr&")
switch (type) {
$("#" + id + "_A").attr("checked", "true");
$("#" + id + "_B").attr("checked", "true");
$("#" + id + "_C").attr("checked", "true");
$("#" + id + "_D").attr("checked", "true");
$("#updatetype" + id).click(function() {
url : 'UpdateTypeServlet',
cache : false,
type : 'post',
dataType : 'html',
data : 'userid='
+ '&newtype='
+ $("input[name=radio_" + id + "][checked]")
问题是:每添加一行&tr&就给&tr&里的button添加一个事件,但是这样的事件获得的id和newtype都是最后一个元素的.
请教如何给每一个按钮添加动作事件才能使获得的ID和newtype是目标元素的.
问题补充：xiaolongfeixiang 写道引用如何给每一个按钮添加动作事件
获取ID为inserthtml的元素下的所有 button 元素，然后再添加。试试这样，其中的id参数，可以通过this来获取到
$("#inserthtml buttion").click(
function(this){
//..........
this报红线.
问题补充：shuokai 写道$("#updatetype" + id).bind("click",function(){
url : 'UpdateTypeServlet',
cache : false,
type : 'post',
dataType : 'html',
data : 'userid='
+ '&newtype='
+ $("input[name=radio_" + id + "][checked]")
这个方法无效..还是只取循环最后一个元素的id元素
问题补充：xiaolongfeixiang 写道在function中使用this，来获取id的值
$("#inserthtml buttion").click(
function(){
//..........
alert(this.id);
)
我觉得你的方法可以,正在写.先谢谢你了.
采纳的答案
补充一下：在button按钮的前面添加一个隐藏域。
&input type='hiden'
value='"+id+"'&"+
"&input type='button' id='updatetype" + id
+ "' value='更新权限' onclick='updateType()'/&&/td&
==========
ps：用记事本手写代码，可能存在某些语法错误
你那种写法jquery不支持；
解决办法是：将click事件写在button里面，如下：
&input type='hiden'
value='"+id+"'&"+
"&input type='button' id='updatetype" + id
+ "' value='更新权限' onclick='updateType()'/&&/td&
如下updateType方法的实现：
function updateType(){
$(this).prev().val();
url : 'UpdateTypeServlet',
cache : false,
type : 'post',
dataType : 'html',
data : 'userid='
+ '&newtype='
+ $("input[name=radio_" + id + "][checked]").val()
在function中使用this，来获取id的值
$("#inserthtml buttion").click(
function(){
//..........
alert(this.id);
每一个ID绑定一个事件， 你直接用CLICK是要循环就执行这个吗？循环就执行可以用，如果要以后用就用绑定事件！
$("#updatetype" + id).bind("click",function(){
url : 'UpdateTypeServlet',
cache : false,
type : 'post',
dataType : 'html',
data : 'userid='
+ '&newtype='
+ $("input[name=radio_" + id + "][checked]")
写了个错别字，不好意思：
$("#inserthtml button").click(
function(this){
//..........
引用如何给每一个按钮添加动作事件
获取ID为inserthtml的元素下的所有 button 元素，然后再添加。试试这样，其中的id参数，可以通过this来获取到
$("#inserthtml buttion").click(
function(this){
//..........
已解决问题
未解决问题jquery的foreach循环里如何判断循环尾_javascript吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：143,517贴子：
jquery的foreach循环里如何判断循环尾收藏
例如我的循环循环了19次，我想在第19次里调用一个特别的方法（只在第19里调用），该如何写？其实根本就是，得到循环的结束标识就行了。19就是最后一个循环，当然这个数字不能写死，循环数据我是ajax从后台获取的。
千锋javascript 名师荟萃 汇聚html5前沿技术 全栈式教学模式 免费试学两周千锋javascript 0基础20周快速提升,成就html5实战精英 实战教学 学习就业无缝对接!
循环的是什么数组?对象?
原始需求如下，如果我直接写click方法，那么这个click方法会执行i次。现在做了简单判断处理，不知道大家有没有更好的方法？$.each(data.root,function(i,item){
$("#listkyl").append('&div class="kyl_value2" &&/div&');
$(".kyl_value2").click(function(){});}//修改后$.each(data.root,function(i,item){
$("#listkyl").append('&div class="kyl_value2" &&/div&');
var objlength = data.root.
var length = $(".kyl_value2").
if(length == objlength){
$(".kyl_value2").click(function(){});
明明一个循环就能搞定的为什么非要用JQ提供的方法？这代码在低版本IE上运行的话时间复杂度上了一个数量级还不止。。
把绑定代码放到each的外面就可以了改成$.each(data.root,function(i,item){$("#listkyl").append('&div class="kyl_value2" &&/div&');}$(".kyl_value2").click(function(){});
给你内部的div生成id然后根据bind绑定事件$.each(data.root,function(i,item){$("#listkyl").append('&div id="innerDiv_'+i+'" class="kyl_value2" &&/div&');$("#innerDiv_"+i).click(function(){});}
一次性生成dom代码片段，然后同意绑定var s = [];$.each(data.root,function(i,item){
s.push('&div class="kyl_value2" &&/div&');}$("#listkyl").append(s.join(''))$(".kyl_value2").click(function(){});
就效率而言最后那种最好，append方法效率比较低，尽量生成dom代码片段然后一次性apped
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或jquery 对 Json 的各种遍历-前端开发博客推荐文章 11696Views 1535Views 1392Views 1803Views 1128Views 1548Views热门文章
99,417Views
55,415Views
42,989Views
7,286Views
6,389Views
6,056Views
对这篇文章不满意吗？百度搜索：");1564人阅读
JS中利用jquery 获得class 进行判断 for循环和each两种方法
&/&&&& class=&& id=&&&& type=&& class=&&
value=&&& &/&
用for循环：
& var a = $(&.disable_blank&);
&& &for(var i=0;i&a.i++){
&& &&& &if($(a[i]).val()==&&){
&& &&& &alert(&字段内容不允许为空&);
&& &&& &}&& &&& &
用each循环：
&& & $(&.disable_blank&).each(function(){
&& &&& &if($(this).val()==&&){
&& &&& &&& & alert(&内容不能为空&);
&& &&& &&& &
&& &&& &&& &
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：31133次
积分：1274
积分：1274
排名：千里之外
原创：96篇
转载：26篇
(2)(2)(72)(5)(3)(6)(5)(17)(6)(2)(1)(1)