Question

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

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

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


      });

}

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

Answer 2

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

我将构建一个JSFiddle。

噢。太慢了。前往Ovilia的道具。

Answer 3

假设您要允许多个选择（不确定这是否是您想要的），您可以向执行

的单元格添加单击事件处理程序

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

Answer 4

尝试以下代码

  $(function () {

    $("td").click(function () {
        $("td", $(this).parent()).each(function () {
            alert($(this).html());
        })
    })

Answer 5

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

如何使用javascript从所选行的html表列中获取值

5 个答案: