jQuery - 如果element有类,则在函数中更改变量

时间:2015-02-07 23:00:59

标签: jquery

我正在尝试更改$someText变量,具体取决于运行该功能的横幅。

我希望banner-01显示Some Text,banner-02显示更多文本,banner-03显示更多文字。

var $banner1 = 'Some Text',
    $banner2 = 'Some More Text',
    $banner3 = 'Even More Text',
    $someText;

$.fn.text = function() {
    $(this).append($someText);
}

$('.banner-01').text();
$('.banner-02').text();
$('.banner-03').text();

我在想某种if语句会起作用。我只是不确定如何实现这一点。

       if ($('.banner-01')) {
            var $someText = $banner1;
        }

        if ($('.banner-02')) {
            var $someText = $banner2;
        }

        if ($('.banner-03')) {
            var $someText = $banner3;
        }

这不起作用,但这是一个想法。任何帮助都会很棒!

1 个答案:

答案 0 :(得分:0)

jQuery $()将始终返回一个对象。所以它永远不会是假的,所有的测试都是真的。您必须检查返回对象的长度。

    if ($('.banner-01').length > 0) {
        var $someText = $banner1;
    }

    if ($('.banner-02').length > 0) {
        var $someText = $banner2;
    }

    if ($('.banner-03').length > 0) {
        var $someText = $banner3;
    }