0

私は小さな jQuery スクリプトで立ち往生しています。特定のテーブルの行にチェックボックスを作成したい。これはグリースモンキー スクリプトになるため、サイトのソースを編集することはできません。

HTML の設定方法は次のとおりです。

<html>
  <head></head>
  <body>
     <table class = test1></table>
     <table class = test2></table>
     <table class = goal>
       <thead>
         some some <tr> 
       </thead>
       <tbody>
         here are the table rows where I want to put the checkboxes
       </tbody>
     </table>
  </body>
</html>

問題は、すべてのテーブルで見つけられるすべての「tr」の行にチェックボックスを配置することです。そして最後に私のコード:

var $ = unsafeWindow.jQuery

$(document).ready(function (){
  $("table.goal").ready(function(){
    $("tbody").ready(function(){
      $("tr").prepend('<td><input type="checkbox" name="x" value="y"></td>');
    });
  });
});

どうか、誰かが私に説明してくれます。なぜこれが意図したとおりに機能しないのですか? 前もって感謝します。

4

5 に答える 5

0 
function AddCheckboxToTable($table) {
    var $thead = $table.find('> thead');
    var $tbody = $table.find('> tbody');

    $thead.find('> tr').prepend('<th>Checkbox</th>');
    $tbody.find('> tr').each(function(index, element) {
        var $tr = $(element);
        $tr.prepend('<td><input type="checkbox" name="checkbox" value="'+index+'">   </td>');
    });
};

$(function() {
    AddCheckboxToTable($('table.goal'));
});

このフィドルを参照してください：http://jsfiddle.net/dYAkJ/

于 2013-10-07T10:14:29.577 に答える
0 
Hope this might help you... :)  

    $(.goal tr).prepend('<td><input type="checkbox" name="x" value="y"></td>');
于 2013-10-07T10:12:22.537 に答える