jquery - 如何获取动态创建的textarea 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" />

我尝试这样做以单独获取 textarea 的值：

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]')
    });
}

虽然您应该使用 .val() 来获取 textarea 的值

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