javascript - 複数のテーブルの行の子要素をループする

Question

このサンプルhttp://jsfiddle.net/7aDak/927/があります。各テーブルの各行のドロップダウンとテキストエリアを繰り返し処理し、それに基づいて文字列を作成する必要があります。id を使用してはいけません。どうすればいいですか？前もって感謝します 。

Answer 1

あなたのコードはほぼ設定されました..マイナーな修正が必要でした..以下を参照してください、

デモ：http： //jsfiddle.net/7aDak/931/

$("#btnSave").click(function() {

    $(".templateTable").each(function() {
        //v-- Used $(this).find('tr') to get all tr from the selected table
        $(this).find("tr").each(function() {
            $this = $(this)
            var email = $this.find("textarea").val();
            var frequency = $this.find("select").val();
            alert(email + '--' + frequency);
        });
    });
});

またはルーンによって提案されたように

$("#btnSave").click(function() {
    $(".templateTable tr").each(function() {
        $this = $(this)
        var email = $this.find("textarea").val();
        var frequency = $this.find("select").val();
        alert(email + '--' + frequency);
    });
});

Answer 2

this "tr.item"は実際のセレクターではありません。

それらを 2 つの別々の連鎖選択に分割する必要があります。

$(this).find("tr.item")

Answer 3

答えは次のとおりです。

http://jsfiddle.net/7aDak/935/

HTML の変更: すべての select 要素にクラス 'select' を追加する必要があります。残りはjsコードです。