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

How to refresh a DIV with random different names?

本文关键字：刷新 DIV 何使用 随机      更新时间：2023-09-26

我是这样做的。仅使用一个具有静态名称的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>

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

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

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

您可以通过 id 的一部分开头来选择元素：

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

相关文章：