Javascript 为1个div执行JQuery函数

我制作了一些控件，用于编辑加载到应用程序中的特定页面的背景颜色、字体等

现在，当我改变背景颜色时，整个页面都会变成这种颜色

当然，我不想我的控制面板（左和右）也改变

整个页面构建为一个html表，在中间的列中，是一个div，这是我想要编辑的页面

中间分区代码：

<td style = " vertical-align:top" ><% if (Model != null && Model.PublicationID != 0)
       {
           Html.RenderPartial("TopBar", Model); %>
    <div class="xcontainer">

        <% foreach (QuartzNew.Models.Edition e in Model.Editions)
           {
               if (e != null)
               {
                   Model.SelectedEdition = e;
                   Html.RenderPartial("GridCell", Model); // If SingleIssueShopLayout="Grid" else Html.RenderPartial("SearchResult", Model);
               }
           }
        %>
        <% } %>
    </div>
    </td>

---

您是否尝试过简单地改变：

$（“html，body”）.not（$（.Controlpanel”）.css（“background”，hex）

到

$（“.xcontainer”）.css（“背景”，十六进制）

目前，您的参数的范围可能不够具体，无法简单地隔离您希望定位的元素。
您的选择器检索的
html
和
body
元素不是
$（“.Controlpanel”）
，这有点荒谬，因为情况总是这样，会改变html和正文的背景

您必须选择要更改的元素，而不是html主体。试试这个：

$('.xcontainer').css("background", hex);

你不能直接指向中间的元素吗？你能在JSFIDLE上展示一个例子吗？您必须使用表格进行格式设置，可能很难设置样式
$('.xcontainer').css("background", hex);