Question

我有一个表，包含一个复选框以选择整行（或不是）。通过在行上设置类属性，通过JavaScript（JQuery）完成此选择。

function SelectRow(pRowID)
{
    $("#"+pRowID).toggleClass("selected");
}

下一步，我想循环遍历表中所有选定的行（从中提取数据）。显然，当我想循环遍历表时，没有类属性为“selected”的行。

    $("table tr.selected").each(function(){
        // get the data
    });

我终于发现了问题所在......显然JQuery脚本在IE6上不起作用。问题是IE6是我们公司内部唯一的浏览器，因此它可以使用它。没有其他浏览器可以安装（这就是为什么花了这么长时间才发现问题）。

因此，如果有人有解决方案在IE6上完成这项工作，我将非常感激。

Answer 1

此代码正常运行。请看看这是否可以帮到你。

通过点击td，您可以选择行并单击向下和向上按钮，您可以将行从上表传输到下表，反之亦然。< / p>

HTML：

<style type="text/css">
    .selected{background-color:#ffeeee;color:#aaf;}
table{border-collapse:collapse;border:1px solid blue;width:200px;margin:5px;}
tr{background-color:#eeffee;color:ddaada;}
    span{border:1px solid #CC3300;background-color:#CC9900;color:#CC3300;
                   margin:5px;}
</style>

<table id="upper">
    <tr><td>1</td><td>This</td><td>is</td><td>first</td><td>row</td></tr>
    <tr><td>2</td><td>This</td><td>is</td><td>second</td><td>row</td></tr>
    <tr><td>3</td><td>This</td><td>is</td><td>third</td><td>row</td></tr>
    <tr><td>4</td><td>This</td><td>is</td><td>fourth</td><td>row</td></tr>
    <tr><td>5</td><td>This</td><td>is</td><td>fifth</td><td>row</td></tr>
</table>

<span id="btnUp">Down</span>&nbsp;&nbsp;<span id="btnDown">Up</span>

<table id="lower">
    <tr><td>A</td><td>This</td><td>is</td><td>1</td><td>row</td></tr>
</table>

SCRIPT：

<script type="text/javascript">
    $(document).ready(function(){
        $("table tr td").click(function(){
            $(this).parent().toggleClass("selected");
        });
        $("#btnUp").click(function(){
            var tl=$("table#lower");
            var tu=$("table#upper");            
            $("tr.selected", tu).each(function(){
                $(tl).append($(this).removeClass("selected"));
            });
        });
        $("#btnDown").click(function(){
            var tl=$("table#lower");
            var tu=$("table#upper");
            $("tr.selected", tl).each(function(){
                $(tu).append($(this).removeClass("selected"));
            });
        });
    });
</script>

使用JavaScript循环选定的表行

1 个答案: