Html TD回到DOM

时间:2013-10-03 13:14:34

标签: javascript html dom html-table

问题:我有一个追加json数据到html表 这是如何:

In a Loop->
var image = document.createElement('img');
image.src = data.data[i].picture.data.url;
var td=document.createElement('td');
var input=document.createElement('input');
input.setAttribute('type', 'checkbox');
input.setAttribute('onclick', 'testCheckBox()');
input.setAttribute('id','testid' + i)
td.setAttribute('onclick','tdClick()')
td.setAttribute('title',data.data[i].name );
td.setAttribute('id',''+ i );
td.appendChild(input);
td.appendChild(image);
tr.appendChild(td) ;
mytable.appendChild(tr);
}
$('#maincontent').append(mytable);

之后我获得了属性中需要的数据, 现在我想了解如何获得TD = ID,以及在每种td之后的任何其他类型的属性,从每个td ......那是不同的 编辑: 功能固定于此:

function testCheckBox()
{
    $(':checkbox').change(function(){
        var i  = $(this).closest('input').attr('id');
        var id = $(this).closest('td').attr('id');
        var fbname = $(this).closest('td').attr('title');

        console.log(id + ' : ' + this.checked);
        console.log(fbname + ' : ' + this.checked);
        console.log(i + ' : ' + this.checked);
            friend_name[i]=fbname;
            friend_id[i]=id;
    });
}
               console.log(friend_name);

工作很棒! 新问题是..如果我取消选中此复选框..我不知道如何从数组中删除它!

和另一个问:我可以制作1个数组而不是2个喜欢这里吗?那个'我'里面会有2个元素?

1 个答案:

答案 0 :(得分:1)

你不是javascripting正确的问题,我的意思是,你要求.html()而不是ID值。

  

<强> HTML()

     

获取匹配集中第一个元素的HTML内容   元素或设置每个匹配元素的HTML内容。

试试这个:

 console.log($(this).attr('id'));
  

<强> attr()

     

获取集合中第一个元素的属性值   匹配的元素或为每个匹配的元素设置一个或多个属性   元件。