css api 的 jquery if else 条件

发布于 2024-11-09 14:21:56 字数 373 浏览 0 评论 0原文

我有下面的 jquery 语句

$(this).('span.section1').css('background','url("images/accordion_closed_left.png") no-repeat scroll 0 0 transparent');

如何为 css 条件编写 if else 语句。我的意思是,如果背景图像是 Accordion_lined_left.png 则

准确地说, 是语句块。

感谢您抽出时间。

I have the below jquery statement

$(this).('span.section1').css('background','url("images/accordion_closed_left.png") no-repeat scroll 0 0 transparent');

How do I write a if else statement for the css condition. What I mean is if the background image is accordion_closed_left.png then <do this> or else <do this>.

just to be precise <do this> are blocks of statement.

Thanks for your time.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

残疾 2024-11-16 14:21:56

我建议改用 css 类,然后调用 jQuery 的 .hasClass() 方法:

css:

.closed {
    background: url("images/accordion_closed_left.png") no-repeat scroll 0 0 transparent;
}

js< /强>:

var $target = $(this).find('span.section1');

if( $target.hasClass( 'closed' ) ) {
    $target.removeClass( 'closed' );
} 
else {
    $target.addClass( 'closed' );
}

I'd recommend to use a css class instead and then call jQuery's .hasClass() method on it:

css:

.closed {
    background: url("images/accordion_closed_left.png") no-repeat scroll 0 0 transparent;
}

js:

var $target = $(this).find('span.section1');

if( $target.hasClass( 'closed' ) ) {
    $target.removeClass( 'closed' );
} 
else {
    $target.addClass( 'closed' );
}
私野 2024-11-16 14:21:56

如何用 'guides' 作为类名在 jQuery 中编写此代码......

<script type="text/javascript" >
function guideMenu()
{
    if (document.getElementById('guides').style.display == "none") {
        document.getElementById('guides').style.display = "block";
    }
    else {
        document.getElementById('guides').style.display = "none";
    }
}
</script>

How to write this in jQuery with 'guides' as a class name....

<script type="text/javascript" >
function guideMenu()
{
    if (document.getElementById('guides').style.display == "none") {
        document.getElementById('guides').style.display = "block";
    }
    else {
        document.getElementById('guides').style.display = "none";
    }
}
</script>
只是我以为 2024-11-16 14:21:56

天真地回答你的问题:

if ($(this).('span.section1').css('background').match('|/accordion_closed_left\.png"|')) {

}
else {

}

但是我支持jAndy的答案, .hasClass() 是要走的路!

To naively answer your question:

if ($(this).('span.section1').css('background').match('|/accordion_closed_left\.png"|')) {

}
else {

}

However I support jAndy's answer, .hasClass() is the way to go!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文