javascript - 使用父项和子项从表中获取值

Question

我有下表，单击按钮我希望能够从前 3 个中获取内容<td>并将它们放入一个数组中。我认为我将能够以某种方式使用父母和孩子，但我在获得最终结果时遇到了问题。下表是我到目前为止的代码。

<tr>
    <td>Content A</td>
    <td>Content B</td>
    <td>Content C</td>
    <td>
        <Button id="delete">Delete</Button>
    </td>
</tr>

当前的 Jquery/Javascript：

$('#delete').on( "click", function( event ) {
    $(event.target).closest( 'tr' ).remove();
    var unit = $(event.target).parent().children().get(0);
    alert(unit);  //returns html element 
});

我想要的最终输出是一个数组["Content A","Content B","Content C"]

Answer 1

你可以这样做：

JS

$('#delete').on("click", function (event) {
    var _this = $(event.target);
    var tds = $(_this).closest("tr").find("td:lt(3)");
    var outArray = [];
    for(var x = 0; x < tds.length; x++){
        outArray.push($(tds[x]).text());   
    }
    alert(outArray.join(","));
});

小提琴

http://jsfiddle.net/uYR6A/1/

Answer 2

尝试

$('#delete').on( "click", function( event ) {
    $(event.target).closest( 'tr' ).remove();
    var data = [];
    $(event.target).parent().siblings("td").each(function() {
        data.push($(this).html())
    });
    console.log(data);  //returns html element 
});

小提琴

Answer 3

$('#delete').on( "click", function( event ) {
   var obj = $(this).parent().parent();
   $(obj).each(function(){
   alert($(this).html()) ;
   });
});