0

データベーステーブルから行を返すjQuery関数があります。テキストボックスに表示されると、単語はすべて一緒に実行されます。例： Everyonepleasebecarefulwhenleavingthebuilding。読む単語を分けたい：Every one please be careful when leaving the building。これはユーザー入力によるものであるため、ユーザーはテキストボックスに表示したい行をクリックします。各行には異なるデータが含まれています。以下にリストされているコードは、イベントをトリガーするものです。

$(document).ready(function() {
    $("table tr").click(function(){
        $("#txttread").val($(this).text());
    });
});

$(document).ready(function() {
    $('.pickme tr').not(':first').hover(
        function() { $(this).addClass('highlight'); },
        function() { $(this).removeClass('highlight'); }
    ).click( function() {
        $('.selected').removeClass('selected');
        $(this).addClass('selected').find('input').attr('checked','checked');
    });
});
4

2 に答える 2

1

テーブル行がクリックされると、そのテーブル セルを循環し、各単語を配列に追加します。最後に、その配列をスペースで結合し、その結果を入力フィールドの値として設定します。

​$("#statements").on("click", "tr", function(){
    var words = [];
    $("td", this).text(function(i,v){ words.push( v ); });
    $("#txtread").val( words.join(" ") );
});​​​​​​​​​​

フィドル: http://jsfiddle.net/EXPBp/1/

于 2012-05-28T00:57:15.530 に答える
0

行のテキストを取得するだけでなく、各セルを調べてそのテキストを個別に取得する必要があります。

$(document).ready(function(){
  $("table tr").click(function(){
       $("#txttread").val($.map($(this).children('td'), function (item) { return $(item).text() }).join(' '));
  });
});

http://jsfiddle.net/kSsYD/で作業フィドル

于 2012-05-28T01:05:47.270 に答える