我有一些代码,用于显示JSON并允许用户编辑文本。编辑完成后,我想让用户单击一个按钮以保存新的输入值。除了获取新的输入值之外,一切正常。
for (let i = 0; i < jsonObject.results.length; i++) {
var row = `<tr scope="row" class="test-row-${jsonObject.results[i].id}">
<td id="fName-${jsonObject.results[i].id}" data-testid="${jsonObject.results[i].id}">${jsonObject.results[i].firstName}</td>
// some code
$(`#save-${jsonObject.results[i].id}`).click(function(){
clickAButton(jsonObject.results[i].id, jsonObject, i);
});
$(`#fName-${jsonObject.results[i].id}`).on('click', editResult)
}
function editResult(){
var testid = $(this).data('testid')
var value = $(this).html()
$(this).unbind()
$(this).html(`<input class="result form-control" data-testid="${testid}" type="text" value="${value}">`)
}
function clickAButton() {
var text = $(`#fName-${jsonObject.results[index].id}`).val();
console.log("text from " + text);
// code
}
上面的代码显示
文本来自
如何让它显示新的用户输入?
clickAButton()
是如何被调用的? - SwaticlickButton
函数内访问jsonObject
和index
变量吗? - Kiran MahalejsonObject
和index
。我担心它不再是那个id了,因为已经解除绑定了? - Truong Nguyentd
标签之间的文本,以便可以通过textContent
访问它。例如:var text = $(
#fName-${jsonObject.results[index].id}).textContent;
- Kiran Mahale