首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery ajax循环错误

jquery ajax循环错误
EN

Stack Overflow用户
提问于 2015-09-05 22:32:06
回答 1查看 358关注 0票数 0

我有10个删除按钮(#DeleteButton0到#deletebutton9),对于每个删除数据( deleteid0,deleteid1,...,deleteid9),我点击#deletebutton0,deleteid0必须被删除。以此类推..

代码语言:javascript
运行
复制
for(i=0;i<9;i++)
 {
   $("#deletebutton"+i).click(function(e) {
   e.preventDefault();
   var deleteid = $("#deleteid"+i).val();

  var dataString ='delete_id='+deleteid;

  $.ajax({
   type:'POST',
   data:dataString,
   url:'deletecodepage.php',
   success:function(data) {
   $("#education-section").html(data);
   $("#education-section").show();
   }
  });
 });
 }
EN

Stack Overflow用户

发布于 2015-09-05 22:46:43

尝试删除for循环,将click事件附加到$("[id^=deletebutton]")选择器。请参阅Attribute Starts With Selector [name^="value"]

代码语言:javascript
运行
复制
$("[id^=deletebutton]").click(function(e) {
  e.preventDefault();
  var deleteid = $(this).val();    
  var dataString ='delete_id='+deleteid;

  $.ajax({
   type:'POST',
   data:dataString,
   url:'deletecodepage.php',
   success:function(data) {
   $("#education-section").html(data);
   $("#education-section").show();
   }
  });
 });

代码语言:javascript
运行
复制
$("[id^=deletebutton]").click(function(e) {
  e.preventDefault();
  var deleteid = $(this).val();    
  var dataString ='delete_id='+deleteid;
  console.log(deleteid, dataString)
  /*
  $.ajax({
   type:'POST',
   data:dataString,
   url:'deletecodepage.php',
   success:function(data) {
   $("#education-section").html(data);
   $("#education-section").show();
   }
  });
  */
 });
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="button" value="0" id="deletebutton0" />
<input type="button" value="1" id="deletebutton1" />
<input type="button" value="2" id="deletebutton2" />
<input type="button" value="3" id="deletebutton3" />
<input type="button" value="4" id="deletebutton4" />
<input type="button" value="5" id="deletebutton5" />
<input type="button" value="6" id="deletebutton6" />
<input type="button" value="7" id="deletebutton7" />
<input type="button" value="8" id="deletebutton8" />
<input type="button" value="9" id="deletebutton9" />

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32414226

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档