Question

我希望在我的应用程序中加载页面时选择第一行。目前，当我单击行时，该行将被选中，但我希望在页面加载时选择该行。相同的代码在演示项目中工作，但不在我的应用程序中。我不知道我哪里出错了。请帮帮我。

//Style

   tr.highlight td {
        background: #FFA07A;
    }

//My JavaScript Code:

  $(document).ready(function () {
             $("#tblData tr").click(function (e) {
                $("#tblData tr").removeClass("highlight");
                $(this).addClass("highlight");
            });
           var firstTr = $('#tblData tr:first');
           firstTr.addClass('highlight');        
        });

Answer 1

我正在使用你的代码和html工作在这个片段中我想你正在使用：

＆＃13;

$(document).ready(function () {
  $("#tblData tr").click(function (e) {
    $("#tblData tr").removeClass("highlight");
    $(this).addClass("highlight");
  });
  var firstTr = $('#tblData tr:first');
  firstTr.addClass('highlight');
});

＆＃13;

tr.highlight td {
   background: #FFA07A;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tblData">
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>

＆＃13;

Answer 2

我想为您推荐2个简单的解决方案

解决方案1

解决方案2检查视图中的第一行

//Style
tr.highlight td: {
    background: #FFA07A;
}
tr.highlight:first-child td{
    background: #FFA07A;
}

想要在使用JQuery加载页面时从表中选择第一行

2 个答案: