Php 如何将动态生成的ID传递给jQuery？

考虑一下这个片段：

<a href="profile.php?viewuserprofile=45">
  <img style="width: 15% !important;" class="tableimg" src="core/uploads/321344.jpg" alt="profilename">
</a>
<br><br>

<textarea id="chatMessage2" name="chatMessage" style=" padding: 2%; width: 100% !important; background:#d4d4d4; border:0;" placeholder="Type your message here... " value=""></textarea>
<button id="buttons2" type="submit" name="sendChat" class="btn btn-default pull-right">Send</button>
<input id="fromUserId2" name="fromUserId" value="45" type="hidden">
<input id="toUserId2" name="toUserId" value="45" type="hidden">

发送

如何使动态ID对jQuery可用？我使用php while语句动态生成所有的。基本上所有ID都是动态的

编辑完整JS

<script>
$(document).ready(function(){
$("#buttons").click(function(){
var fromuserid = $("#fromUserId").val();
var touserid = $("#toUserId").val();
var chatMessage = $("#chatMessage").val();
// stored in database.
var dataString = 'fromUserId='+ fromuserid + '&toUserId='+ touserid + '&chatMessage='+ chatMessage;
// AJAX
$.ajax({
type: "POST",
url: "chat.php",
data: dataString,
cache: true,
success: function(response){
   $("#displayMessage").html(response);
       $("#chatForm").trigger("reset");
}
});

return false;
});

});
 $(document).ready(function(e){ $.ajaxSetup({cache:false}); 
setInterval(function(){$('#displayMessage').load('log.php');}, 3000); 
});
    </script>

$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var fromuserid=$（“#fromuserid”）.val（）；
var-tuserid=$（“#tuserid”）.val（）；
var chatMessage=$（“#chatMessage”）.val（）；
//存储在数据库中。
var dataString='fromUserId='+fromUserId+'&toUserId='+toUserId+'&chatMessage='+chatMessage；
//阿贾克斯
$.ajax({
类型：“POST”，
url:“chat.php”，
数据：dataString，
是的，
成功：功能（响应）{
$（“#displayMessage”）.html（响应）；
$（“#聊天格式”）。触发器（“重置”）；
}
});
返回false；
});
});
$（document.ready）（函数（e）{$.ajaxSetup（{cache:false}）；
setInterval（function（）{$（'#displayMessage'）.load（'log.php'）；}，3000）；
});

因为您正在生成相同的元素，而不是使用ID，所以请使用类

使用

$（this）

此上下文获取与单击按钮相关的信息

下面是一个简单的演示：

$（'.buttons'）。单击（函数（）{
var text=$（this）.closest（'.row'）.find（'textarea.chatMessage'）.val（）；
var fromUserId=$（this）.closest（'.row'）.find（'input.fromUserId'）.val（）；
var toUserId=$（this）.closest（'.row'）.find（'input.toUserId'）.val（）；
var q=text+“fromUserId=“+fromUserId+”toUserId=“+toUserId
$（this）.closest（'.row'）.find（'div.displayMessage'）.text（q）
})

发送
发送
发送

在上使用此上下文event@guradio：好的，谢谢。介意详细说明吗？例如，在单击事件时，使用

$（this）

获取单击的事件element@guradio：我是jQuery的新手。。。我需要通过例子来学习：-/展示你的整个JS代码