Question

我有一个链接到jquery页面的html页面但无法使其工作。我正在使用jquery来查找单元格值低于3000的单元格，然后填充单元格，它目前不起作用。

这是html代码

 $(document).ready(function () {
    rr();
})</script>
</head>
<body>
<table class="colorMe">
<tr><td>2000</td><td>3500</td></tr>
<tr><td>3000</td><td>2500</td></tr>
<tr><td>4000</td><td>4500</td></tr>
</table>
</body>
</html>

and here is the jquery code which is on a seperate page
// JavaScript Document
$("#d td").each(function rr() {
  var thisCell = $(this);
  var cellValue = parseInt(thisCell.text());

  if (!isNaN(cellValue) && (cellValue <=3000)) {
     thisCell.css("background-color","#FF0000");
  }
});

Answer 1

您需要在代码中添加jQuery库：

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="yourcode.js type='text/javascript></script>
</head>

Answer 2

正确的用法是：

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="yourcode.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function () {
       rr();
   });
</script>
</head>

并在文件yourcode.js中使用javascript代码。试试这个，如果还有其他问题，请回来;）

^{当然，对于googleapis，您可以直接链接到jquery的本地副本...}

Answer 3

您似乎在javascript中选择了一个ID中不存在的ID（#d）。您还没有将jQuery库链接到您的代码。

HTML中的JavaScript无法正常工作

3 个答案: