使用父項和子項從表中獲取值

我有下表並在一個按鈕上單擊我希望能夠從第一個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"]

來源

2013-10-04 Nick

這裏的父'td'，爲什麼你需要刪除'tr'？ – bhb

爲什麼命名函數刪除，如果你只是想獲得值？你想刪除列，然後獲取數組中的值？ –

@SunnyRGupta我需要修改數據庫中的值，因爲用戶已經刪除了他們 – Nick

數組可以做這樣的事情：

$('#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/

來源

2013-10-04 08:45:34 BeNdErR

嘗試

$('#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

來源

2013-10-04 08:46:25 bhb

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

來源

2013-10-04 08:48:49 Abhishek

使用父項和子項從表中獲取值

回答

相關問題