Question

我是这样做的。仅使用一个带静态名称的div就可以正常工作。

问题是当我想用myDiv1，myDiv2等其他名称刷新 DIV时。

我已经通过向功能发送ID尝试了javascript，我的网页跳到了开头，我不希望这种情况发生。下面的代码不会发生这种情况。

$(function() {
  $("#refresh").click(function(evt) {
     $("#myDiv").load("update.php")
     evt.preventDefault();
  })
})


<div id = 'myDiv" . $row["id"]. "' ><a href='#' id='refresh'> Click Here </a></div>

这也可以，但是我必须为每个DIV生成一个jquery函数

$(function() {
  $("#refresh1").click(function(evt) {
     $("#myDiv1").load("update.php")
     evt.preventDefault();
  })
})


<div id = "myDiv1" ><a href='#' id='refresh1'> Click Here 1 </a></div>



$(function() {
  $("#refresh2").click(function(evt) {
     $("#myDiv2").load("update.php")
     evt.preventDefault();
  })
})


<div id = "myDiv2" ><a href='#' id='refresh2'> Click Here 2 </a></div>

Answer 1

您可以通过开始部分ID来选择元素：

$('div[id ^= "myDiv"]')

Answer 2

您可以在click事件中访问父元素并对其执行加载：

$(this).parent().load("update.php");

如果您不希望重定向发生，我建议您不要使用链接。也许是按钮或跨度

如何使用随机的不同名称刷新DIV？

2 个答案: