0

我能够通过表单击事件检索所有行值并通过event.currentTarget.cells[4].innerText();.

但是，如果仅单击特定列时，我想应用此功能，例如，当我单击ID 21under时Username column。它应该提醒该行的所有单元格值。然后，当我单击其他列时，它不应该发出警报。

这是我的代码。如果您按照我的要求遇到问题，请通知我。

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#tableid').on('click', 'tr', function (event) {
            alert(event.currentTarget.cells[0].innerText);
            alert(event.currentTarget.cells[1].innerText);
            alert(event.currentTarget.cells[2].innerText);
            alert(event.currentTarget.cells[3].innerText);
            alert(event.currentTarget.cells[4].innerText);
        });
    });
</script>

这是我的 HTML http://jsfiddle.net/jE5UM/

4

2 回答 2

0

尝试

$(document).ready(function () {
    $('#tableid').on('click', 'tr', function (event) {                
        $(this).children().each(function(){
            alert($(this).text())
        })
    });
});

演示：小提琴

如果你想要一个数组作为结果，那么

$(document).ready(function () {
    $('#tableid').on('click', 'tr', function (event) {                
        var texts = $(this).children().map(function(){
            return $.trim($(this).html())
        }).get();
    });
});

演示：小提琴

更新

$(document).ready(function () {
    $('#tableid').on('click', 'tr td:nth-child(2)', function (event) {                
        var texts = $(this).closest('td').siblings().addBack().map(function(){
            return $.trim($(this).html())
        }).get();
        alert(texts.join())
    });
});

演示：小提琴

于 2013-07-16T07:11:58.910 回答
0

我建议，在没有特定 HTML 和其他信息的情况下：

$(document).ready(function () {
    $('#tableid').on('click', 'tr', function (event) {
        var cell = event.target,
            values = $(cell).siblings().addBack().map(function(){
                         return $(this).text();
                     }).get();
        alert(values);
    });
});

JS 小提琴演示。

参考：

于 2013-07-16T07:05:46.637 回答