jquery - JQuery 覆盖主题滚轮样式

Question

在我的手风琴控件中，如果该特定窗格中的用户控件（例如用户的姓名和地址输入）返回 false 的验证布尔值，我想覆盖标题样式以显示红色背景而不是默认主题颜色。

我对如何使用 .Toggle 更改类没问题，但一开始不知道如何获取主题滚轮类。

我该怎么做？

谢谢

保罗

Answer 1

假设您正在使用 jQuery Accordion

该类被称为：.ui-accordion-header

所以验证后返回false

通过添加这样的内联样式来设置新的背景颜色：

$('.ui-accordion-header').attr('style','background:red');

然后删除它：

$('.ui-accordion-header').attr('style','');

更新

假设你有这个 html 结构

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>
        ... <- if your form is here for es.: 
                   your path escalation to it's own H3 would be:

<!--\ $(this).parent('p').parent('div').prev(h3).attr('style','background:red') \-->

        </p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>
     ...
        </p>
    </div>
</div>

其中 $(this) 指的是 if 语句中的空 Input！

if ( $('my_input').val() == '' )
$(this).parent().parent().prev().attr('style','background:red');

这应该按预期工作！

Answer 2

对此类进行逆向工程的一种有用方法是进入 Firefox 或 Chrome 之类的浏览器（其他人也这样做，但这是我最常用的两个），右键单击元素，然后选择“检查元素。 " 这将为您提供一个格式良好（至少 Firefox 格式化它，我认为 Chrome 可能不会）的标记视图以及当前应用的样式。此外，该检查器可以帮助您找出例如为什么您的 CSS 规则不适用。您还可以动态创建新规则，这使得编辑-编译-测试循环更快。