Javascript 需要使用JQuery-MVC2中“Control”页面中定义的类

这是我的控制页面，有一个叫做AboutModels的类

public ActionResult About()
{
    AboutModels ObjAM = new AboutModels();
    List<PollOption> polloptions = new List<PollOption>();
    polloptions = ObjAM.dbValue();
    ViewData["polloptions"] = polloptions.ToList();
    return View();
}

请告知

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">.
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">

        $(document).ready(function () {
            alert("jQuery page");
            $(".easy_editor").css("background-color", "Red"); // Here im setting the background color of the div with className changingDIV
            $(".easy_editor").css("width", 0);

            $('#myButton').live('click', function () {
                var currentWidth = parseInt($(".bgDiv").css("width")); //Getting the curent width.
                var abc = '<%=Model.AboutModels%>';
                alert(currentWidth);
                $(".easy_editor").css("width", currentWidth + 20 + "px");  //I want to use Hello_World_MVC.PollOption> class instead of easy_editor
            });
        });

    </script>

    <% using (Html.BeginForm()) { %>

        <h2>About</h2>
        <p>
            <input value="Enter the value" />
            <input type="submit" value="ClickHere" />
            <%--
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
            --%>
        </p>

        <table>
        <tr>
            <td>
                <% foreach (var obj in (List<Hello_World_MVC.PollOption>)ViewData["polloptions"]) { %>
                    //Here is my dynamic class I want to use this same class to the above jquery - Instead of .bgDiv
                    <%-- <div class="<%= obj.OptionID + "1" %>">--%>
                    <div class="bgDiv">
                        <input type="checkbox" name="SelectedObject" value="<%=obj.OptionID%>"/>
                        <%= obj.OptionName %>

                    </div>
                <% } //foreach %>
                <input id="myButton" type="button" />
            </td>
        <%-- <%=Html.CheckBox("<%=obj.OptionName%>",  --%>
        </tr>
        </table>
    <% } //using (endform) %>
</asp:Content>

---

我还是不明白你到底想要什么。。。但我会尽力的

如果您这样做：

<% foreach (var obj in (List<Hello_World_MVC.PollOption>)ViewData["polloptions"]) { %>
    <div id="checkBoxDiv<%= obj.OptionID %>" class="bgDiv">
        <input type="checkbox" name="SelectedObject" value="<%=obj.OptionID%>"/>
        <%= obj.OptionName %>
    </div>
<% } %>

但是如果你想要一个单独的div，你可以使用id

$('#checkBoxDiv4')

但是，如果您想在按钮单击中按id获取复选框，则需要更多的上下文，因为按钮位于循环之外，不知道每个输入div

编辑：要从10px开始将每个div的宽度增加10px，可以执行以下操作：

$('.bgDiv').each(function (index) {
    var newWidth = (index + 1) * 10;
    $(this).width(newWidth);
});

---

请发布您的视图代码-我们需要知道将生成或将生成什么html。我根据您的请求更新了问题。请告知您如何知道单击时应选择哪个类？事件绑定到的按钮位于循环之外，因此它有任意数量的对象可供选择。。。你都要吗？或另一方面，我编辑了您的代码，以显示您应该如何使用jQuery绑定html点击处理程序。感谢您的更新-但我还不清楚。请阅读我的req n update me。在第一个框中，我已经为您提供了MVC页面的控制页面感谢您的帮助。。我理解你的计划。。我还需要一个人帮忙。。如何动态设置宽度。我的意思是根据类名或使用ID动态生成，我需要使用优先级设置宽度。例如：我在属性中有Div1、Div2、Div3-我需要设置Div1=width:10px、Div2=width:20px、Div3=width:30px。这个Div1，Div2是我动态生成的，宽度的值也是我动态设置的。请告诉我好的，这正是你想要做的？只需将每个div的宽度增加10px？不。。我想动态更新宽度。。只是为了向你解释我是这样说的。。但是我需要用DB中的值来更新

$('#checkBoxDiv4')

$('.bgDiv').each(function (index) {
    var newWidth = (index + 1) * 10;
    $(this).width(newWidth);
});