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(","));
});

<强> FIDDLE

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 
});

Fiddle

Answer 3

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

使用父级和子级从表中获取值

3 个答案: