0

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");
  }
});
4

3 に答える 3

0

HTMLに存在しないID(#d)をJavaScriptで選択しているようです。また、jQueryライブラリをコードにリンクしていません。

于 2012-10-23T15:22:21.280 に答える
0

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>
于 2012-10-23T15:12:04.710 に答える
0

適切な使用法は次のとおりです。

<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 のローカル コピーに直接リンクすることもできます...

于 2012-10-23T15:14:55.427 に答える