Question

我有像这样的表中的项目

<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>

我使用以下javascript来获取单击按钮的ID。

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

是否可以使用Javascript获取相邻表行中的项的值？

2 个答案: