0

我有一个显示在我的 Web 应用程序上的 html 表，但我想通过单击它来选择一行，然后有一个按钮来获取每列数据作为我可以在 javascript 中使用的变量。这就是我正在尝试的，但它并不完整，因为我不知道该怎么做。记住我想要列中的内容。我的功能...

function selectedRows() 
{
   var selectedItems = ('#ScannedLabelTabl; // i wanted to get the selected item (row)

     $.each(selectedItems, function (i, item) {


      });

}
4

5 回答 5

1 
$('tr').click(function() {
    $('tr').removeClass('selected');
    $(this).addClass('selected');

    var td = $(this).children('td');
    for (var i = 0; i < td.length; ++i) {
        alert(i + ': ' + td[i].innerText);
    }
});

在此处运行演示：http: //jsfiddle.net/VjkML/

于 2013-02-22T09:36:03.637 回答
0

试试下面的代码

  $(function () {

    $("td").click(function () {
        $("td", $(this).parent()).each(function () {
            alert($(this).html());
        })
    })
于 2013-02-22T10:01:11.773 回答
0

假设您要允许多项选择（不确定这是否是您想要的），您可以将单击事件处理程序添加到执行该操作的单元格

$("tr").click(eventHandler);

function eventHandler(){
    //what this does is verifies of the element has the class, if it doesn't have the class is addeds, if it has the class it's removed
    $(this).toggleClass("selected");
}

然后要获取所有值，请执行以下操作：

function getAllValues(){
    var arrayOfValues = [];
    $(".selected").each(function(){
        var value = $(this).//what you want to get val or text
        arrayOfValues.push()

    });
    return arrayOfValues;
}
于 2013-02-22T09:37:06.943 回答
0

我能想到的最简单的方法是在用户单击元素时向行/列添加一个类。可以应用 CSS 样式，并且可以使用 jQuery 的类选择器来枚举选定的元素。

我将构建一个 JSFiddle。

哇。太慢了。奥维利亚的道具。

于 2013-02-22T09:36:11.043 回答
0 
var tableRows = $("#ScannedLabelTabl").find("tr");//fetching all rows of the tblebody
$.each(tableRows, function( index, value ) {//iterating all fetched rows
     var tdValue=$(value).find("td:nth-child(3)").html();   
     (value).find("td:nth-child(3)").addClass("adding");//get particular column
于 2017-09-18T06:12:23.080 回答