jquery - 動的に作成されたテキストエリアjqueryの個別の値を取得する方法

Question

 <table class="cssTable">
        <tr>
            <td>
                <textarea id="txtOption1" cols="30" rows="2">Text1</textarea>
            </td>
        </tr>
    </table>
    <table  class="cssTable">
        <tr>
            <td>
                <textarea id="txtOption2" cols="30" rows="2">Text2</textarea>
            </td>
        </tr>
    </table>
    <asp:Button ID="btnClick" runat="server" OnClientClick="ClickMe();" Text="Submit" />

これを試して、テキストエリアの値を個別に取得します。

function ClickMe() {
        $(".cssTable").each(function () {                
            alert($("[Id*=txtOption]").text());
        });
    }

両方のテキストをtext1text2 両方の時間で取得します。

Answer 1

コンテキストを指定する必要があります

function ClickMe() {
    $(".cssTable").each(function () {                
        alert($("[Id*=txtOption]",this).text());
       // eventually the same as $(this).find('[Id*=txtOption]')
    });
}

textareaの値を取得するには、.val（）を使用する必要がありますが

alert($("[Id*=txtOption]",this).val());