動態地更改元素

Question

的name屬性我有一個jQuery函數，它下面的HTML從頁面使用此：

//get html 
var myHtml = $("#info").html() 

這是它得到的html：

<div id="info"> 
     <table> 
      <tr> 
       <td><input type="text" name="tbAnswer" value="Feedback..." /></td> 
      </tr> 
     </table> 
    </div> 

我試圖更改文本框名稱屬性的名稱以跟隨計數器。因此，它看起來像這樣NAME = 「tbAnswer1」

我嘗試這樣做：

$(document).on('ready', function() { 
    $("info").closest("input").attr("name", "tbAnswer" + myCounter); 
}); 

但它沒有找到它。

有沒有用jQuery做到這一點的方法？

謝謝！

Answer 1

你忘了你的#：

$("#info").find("input").attr("name", "tbAnswer" + myCounter); 

而你要find，不closest。 find得到後代，其中input是。

Answer 2

嘗試增加#前id

$(document).on('ready', function() { 
    $("#info").find("input").attr("name", "tbAnswer" + myCounter); 
});