Question

如何创建一个关于XML数据的动态按钮。我必须将名称（XYZ）转换为按钮，并为每个动态按钮创建一个事件。现在我得到xyz，50但是我想将其更改为名为xyz的按钮，以及事件。

<class_members>
 <student>
   <name>XYZ</name>
   <marks>50</marks>
 </student>
 <student>
  <name>ABC</name>
  <marks>25</marks>
  </student>
  </class_members>

jquery代码在这里。

 <script>
       $(document).ready(function () {
      $("#Submit").click(function () {
            $.ajax({
               type: "GET",
                      url: "marks.xml",
                        dataType: "xml",
                         success: function (xml) {
                                $(xml).find('student').each(function () {
                                   var Name = $(this).find('name').text();
                                    var Mark = $(this).find('marks').text();
                                    $("#content").append('<li>' + Name + " ," + Mark + '<li>');
                             });

                           }
                        });
                    });
                });
             </script>
        </head>
        <body>
            <form id="From1" method="post">
            <input type="button" value="submit" name="Submit" id="Submit" />
            <div id="content">
            </div>
            </form>

Answer 1

使用某个类添加按钮并使用该类附加事件，例如，更改：

$("#content").append('<li>' + Name + " ," + Mark + '<li>');

到

$("#content").append("<li><input type='button' class='dyna_btn' value='"+Name+"' /></li>");

并将事件附加到这些按钮：

$(document).on("click", ".dyna_btn", function() {
    //do something here
    console.log("button clicked");
});

在jquery中创建动态按钮和事件

1 个答案: