如果帶有大括號的條件在jQuery中無法正常工作

Question

這有效：

if($('div.login-part').is(':empty'))
        $('div.login-part').append('<p>Login</p>');

但這不是：

if($('div.login-part').is(':empty')) 
{
        $('div.login-part').append('<p>Login</p>');
            $('div.login-part').append('<p>Welcome!</p>');
            $('div.login-part').append('<p>What is your name?</p>');
}

我究竟做錯了什么？

Answer 1

那應該工作正常。 但是，可以通過不多次運行選擇器來提高代碼效率：

var login = $('div.login-part')
if(login.is(':empty')) {
    login.append('<p>Login</p>');
    login.append('<p>Welcome!</p>');
    login.append('<p>What is your name?</p>');
}

您甚至可以將其減少為：

$('div.login-part:empty')
    .append('<p>Login</p>')
    .append('<p>Welcome!</p>')
    .append('<p>What is your name?</p>');

甚至：

$('div.login-part:empty').append(
    '<p>Login</p>',
    '<p>Welcome!</p>',
    '<p>What is your name?</p>'
);

Answer 2

工作演示 http://jsfiddle.net/avSDa/10/

請檢查代碼中的引號； 由於我從先前的早期答復中知道了這個問題的背景:)

演示應該可以幫助您，

希望這會有所幫助，歡呼

碼

// FOR REGISTRATION
$('span.logreg.reg').click(function() {

    if ($('div.login-part').is(':empty')) {
        $('div.login-part').append('<p>Login</p>');
        $('div.login-part').append('<p>Welcome!</p>');
        $('div.login-part').append('<p>What is your name?</p>');
    }
});