[英]If condition with curly brackets is not working correctly in jQuery
这有效:
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>');
}
我究竟做错了什么?
那应该工作正常。 但是,可以通过不多次运行选择器来提高代码效率:
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>'
);
工作演示 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>');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.