Question

Here is my div that is contained more than once by my page:

<div class="formContainerDiv" style="width:165px">
    <table>
        <tr>
            <td colspan="2">
                Assign To<br />
                <asp:CheckBoxList ID="CheckBoxListLoginUsers" runat="server">
                </asp:CheckBoxList>
                <br />
                Note<br />
                <asp:TextBox ID="TextBoxNote" runat="server" TextMode="MultiLine" Width="150" ClientIDMode="Static" class="textBoxNote"></asp:TextBox>
                <br />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" class="saveAssignment" value="Save"/>
            </td>
            <td style="text-align: center;">
                <a href="javascript:void(0)" class="formContainerDivClose">Close</a>
            </td>
        </tr>
    </table>
</div>

And that’s my jquery function:

$(".saveAssignment").click(function () {
    var div = $(this).parents(".formContainerDiv");
    ......
});

I can select the appropriate formContainerDiv. But I need to get the values of checked checkboxes and the value of TextBoxNote.

How can I do that?

Thanks in advance,

Answer 1

First, use the closest instead of parents, as you have multiple .formContainerDiv

Second, after finding .formContainerDiv with $(div.find("input:textbox")[0]).val() and $(div.find("input:checkbox:checked")[0]).val() locate the desired