Javascript 如何获得表的确切id值
我正试图解决这个问题,但还没有结果。为了执行更新,我尝试获取我编辑的行的确切id值 我可以获取当前单元格的值,但无法获取单元格的相应id值。我迭代表id值,然后得到表的所有id值 我使用jquery代码进行迭代:Javascript 如何获得表的确切id值,javascript,jquery,Javascript,Jquery,我正试图解决这个问题,但还没有结果。为了执行更新,我尝试获取我编辑的行的确切id值 我可以获取当前单元格的值,但无法获取单元格的相应id值。我迭代表id值,然后得到表的所有id值 我使用jquery代码进行迭代: $('#table').ready(function() { $(this).find('.filename').each( function() { alert($(this).html()); }) }) 然后我尝试了这个简单的Ja
$('#table').ready(function() {
$(this).find('.filename').each( function() {
alert($(this).html());
})
})
然后我尝试了这个简单的JavaScript:
var fid= document.getElementById("filename").textContent;
它只获取表的第一个id值。例如,如果编辑第一行,id值为53。
如果我编辑第二行,id值应该是52,但它只得到53
请看,我之前已经发布了这个问题。
getElementById
获取元素而不是id。id是作为参数提供的
你可以简单地做:
$('#table').ready(function() {
$(this).find('.filename').each( function() {
alert(this.id);
}) ;
});
您可以始终使用元素的数据属性,而不是将DOM与id混淆(id应始终是唯一的):
<tr data-identifier="53"><td></td></tr>
我不太确定我是否理解您的问题,但这将为您提供表中所有单元格的ID:
$("#table > td").each(function(){
alert($(this).attr("id"));
});
嗨,谢谢你的回复,我尝试了一个不同的脚本,它按照我的想法工作 这是密码
function doubleclick(table,id1)
{
table.innerHTML="<input type=text name=tab onBlur=\"javascript:submitNewName(this,'"+id1+ "');\" value=\""+table.innerHTML+"\">";
table.firstChild.focus();
// alert(id1);
}
function submitNewName(text,id2)
{
text.parentNode.innerHTML=text.value;
$.ajax({
url: 'update',
data:{text1:text.value,fileid1:id2},
type:"POST",
dataType:"json",
error:function(data){
//alert('error')
},
success: function(data) {
//alert('updated!')
}
});
}
函数双击(表,id1)
{
表.innerHTML=“”;
table.firstChild.focus();
//警报(id1);
}
函数submitNewName(文本,id2)
{
text.parentNode.innerHTML=text.value;
$.ajax({
url:“更新”,
数据:{text1:text.value,fileid1:id2},
类型:“POST”,
数据类型:“json”,
错误:函数(数据){
//警报('错误')
},
成功:功能(数据){
//警报('已更新!')
}
});
}
html:
//双击时,它将传递${item.filedesc}、${item.id}
<td ondblclick="javascript:doubleclick(this,${item.id});" >${item.filedesc}</td>
${item.filedesc}
您可以包含相关的html吗?在旁边添加一些实时代码或示例……注意:如果您已经在使用jQuery,那么在使用选择器时应该坚持使用它$(“#filename”).text()/.val()/.html()
而不是document.getElementById(“filename”).textContent
为选择器使用两种不同类型的语法更令人困惑,而不是有益的。你们在我的问题中找到了那个链接吗?我想它得到了你们想要的东西。
<td ondblclick="javascript:doubleclick(this,${item.id});" >${item.filedesc}</td>