在jquery中創建動態按鈕和事件

如何創建一個關於XML數據的動態按鈕。在這裏我必須將名稱（XYZ）轉換爲按鈕併爲每個動態按鈕創建一個事件。現在我得到xyz，50但我想將其更改爲名稱爲xyz的按鈕以及事件。在jquery中創建動態按鈕和事件

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

jquery code is here。

<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>

來源

2014-04-07 ammu

一些類添加按鈕，並使用類一樣，變化的附加事件：

$("#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"); 
});

來源

2014-04-07 05:12:28

它爲我工作。非常感謝你.. – ammu

在jquery中創建動態按鈕和事件

回答

相關問題