Javascriptを使って隣接するテーブル行のアイテムの値を取得することはできますか？

Question

私がクリックされたボタンのIDを取得するには、以下のJavaScriptを使用しています。この

<td></td> 
<td><input class="form-control" value="$title"></td> 
<td><textarea name="Text1" cols="40" rows="5">$tdesc</textarea><td> 
<td><a href="#savems" class="svMS btn btn-primary btn-lg" id="33334">Save</a></td> 

のようなテーブル内の項目があります。

$("a[href=#savems]").click(function() { 
    var id; 
    if ($(this).hasClass('svMS')) { 
     var id = $(this).attr("id"); 
     console.log(id); 
    } 
} 

私は処理のためにサーバーに他のテーブルの項目を送りたい、該当する項目を選択するためのJavaScriptでの方法はありますか？

Answer 1

これを試してください。 親trを最初に取得し、その内側の値をそれぞれのセレクタを使用して取得します。今

$("a[href=#savems]").click(function() { 
     var id; 
     if ($(this).hasClass('svMS')) { 
      var id = $(this).attr("id"); 
      console.log(id); 
    var title = $(this).closest('tr').find('.form-control').val(); 
    var tdesc = $(this).closest('tr').find('textarea').val(); 
     } 
    } 

Answer 2

<table> 
    <tr id="row1"> 
     <td>Some data</td> 
     <td>Some Data</td> 
     <td>Some Data</td> 
     <td id="save-row1">Save</td> 
    </tr> 
</table> 

JS：

$("[id^=save]").click(function(){ 
    var id=$(this).attr("id"); 
    var rowid=id.split("-")[1]; 

    var col1_val=$("#"+rowid +" td:nth-child(1)").html(); 
    var col2_val=$("#"+rowid +" td:nth-child(2)").html(); 
    var col3_val=$("#"+rowid +" td:nth-child(3)").html(); 
})