javascript - 将 class = "txt"的 textxboxes 的长度设置为 width = "200"

Question

我正在尝试将 class = "txt"的 textxboxes 的长度设置为 width = "200"

我在 JS Fiddle 上尝试过:http://jsfiddle.net/wr04fdm3/但它给了我一个奇怪的答案。

<asp:TextBox Class="txt" ID="txtone" runat="server"></asp:TextBox>
<asp:TextBox Class="txt" ID="txttwo" runat="server"></asp:TextBox>
<asp:TextBox Class="txt" ID="txtthree" runat="server"></asp:TextBox>
<script type="text/javascript">
    $(document).ready(function () {
        $("#btnSubmit").click(function () {
            $(".txt").each(function () {
                $(this).val().width = 200;
            )};
        });
    });
</script>

Answer 1

将您的脚本更改为此...

$(document).ready(function () {
    $("#btnSubmit").click(function () {
        $(".txt").width(200);
    });
});

有一些问题。首先，不需要使用 each() 来做这样的事情。它会自动为您解析所有选定的元素。其次，width = 200是错误的。正如您在上面看到的，它应该是 width(200)。

最后，它无法在 jsfiddle 上运行，因为它不解析 ASP.Net。您也没有选择包含 jquery。这是您的 fiddle 的更新工作版本...

<强> http://jsfiddle.net/ArchersFiddle/wr04fdm3/4/