php - 使用 jQuery 更改动态创建的 div 内容

Question

我在这里感到非常沮丧。

我有一个记录表。每条记录旁边都有一个按钮。单击该记录旁边的按钮后，应执行 jquery AJAX 调用。

    <script language="JavaScript" type="text/javascript">
<!--
function swapContent(cv) {
    $("#myDiv").html('<div align="center"><img src="images/loader.gif"/></div>').show();
    var url = "process.php";
    $.post(url, {contentVar: cv} ,function(data) {
       $("#myDiv").html(data).show();
    });
}
//-->
</script>

关联的 HTML:

<div id="myDiv" align="center"><a href="#" onClick="return false" onmousedown="javascript:swapContent('do_stuff');"><img src='images/icon.png' border='0'></a></div>

当我单击 HTML 链接时，div“myDiv”的内容将更改为对 process.php 的 ajax 调用的输出。这一切都很好，但是我将有几十个这样的 div，并且我需要能够不仅使用参数 cv 调用 swapContent 函数，而且还传入一个参数，以便 div 的内容应该被更改。

我相信我的错误只是基于对 JS 语法的无知。例如，我这样做了:

    <script language="JavaScript" type="text/javascript">
<!--
function swapContent(thediv,cv) {
    $(thediv).html('<div align="center"><img src="images/loader.gif"/></div>').show();
    var url = "process.php";
    $.post(url, {contentVar: cv} ,function(data) {
       $(thediv).html(data).show();
    });
}
//-->
</script>

但我不确定这是否会将变量 thediv 视为字符串，而它应该是一个对象，或者可能是什么问题。

非常感谢您提供的任何帮助!

<div id="div1" align="center"><a href="#" onClick="return false" onmousedown="javascript:swapContent('div1','do_stuff');"><img src='images/icon.png' border='0'></a></div>
...
<div id="div2" align="center"><a href="#" onClick="return false" onmousedown="javascript:swapContent('div2','do_stuff');"><img src='images/icon.png' border='0'></a></div>

Answer 1

当您将 div 的 id 传递给函数时 因此，代替 $(thediv) -> $("#"+thediv) 将起作用