Question

我创建了20个字段（编号为1-20），并带有相应的提交按钮。我需要根据点击的按钮编号检索AJAX帖子的那些字段的值。例如：

$(function(){
    $("#addCommentButton1").click(function(event) {



var trackid = $("#trackidField1").val();
var comment = $("#addcommentfield1").val();



$(function(){
    $("#addCommentButton2").click(function(event) {


var trackid = $("#trackidField2").val();
var comment = $("#addcommentfield2").val();

我希望有一种更简单的方法可以做到这一点，而不是写这个功能20次。

谢谢！

$(function(){
    $(".addCommentsExpBtn").click(function(event) {
        var container = $(this).closest(".songPost"); 
     container.find('.addCommentsExp').slideToggle();
});
  });

Answer 1

你可以这样做，

<div>
      <input type="button" class="addCommentBtn" value="Add Comment">
      <input type="text" class='trackId'>
    </div>
    <div>
      <input type="button" class="addCommentBtn" value="Add Comment">
      <input type="text" class='trackId'>
    </div>

和jquery，

$(function(){
   $(".addCommentBtn").click(function(event) {
             var parent=$(this).parent();      

            var trackid = $(".trackId",parent).val();
            //others
       });
});

Answer 2

为每个元素添加一个类名。

然后你可以写

$(function(){
    $(".addCommentButton1").click(function(event) {
        var container = $(this).closest(".commentBoxContainer");
        var trackid = container.find(".trackidField").val();
        var comment = container.find(".addcommentfield").val();

jQuery根据Button Click获取数字字段的值

2 个答案: