如果用兩個大括號的條件是不是在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

工作演示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>'); 
    } 
}); 

Answer 2

這應該很好地工作。你可以，但是，讓你的代碼通過不運行選擇多次更有效率：

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>' 
);