2013-02-02 35 views
0
$(document).ready(function() { 
    $('#button').click(function() { 
     if ($('#newauthor') = !'' && $('#newquote') = !'') { 
      var addAuthor = $('input[newauthor]').val(); 
      $(".allquotes").append("<div class = 'quotesbox'><p class = 'author'>" + addAuthor + "</p></div>"); 

      var addQuote = $('input[newquote]').val(); 
      $(".allquotes").append("<div class = 'quotesbox'><p class = 'author'>" + addQuote + "</p></div>"); 
     } 
    }); 
}); 

我似乎无法弄清楚。我试图检查newauthor和newquote是否在它们中有某些东西,然后将它们添加到“allquotes”类中,我是新的tothis网站,所以我不知道正确的问题结构。点击功能将无法正常工作?jsfiddle试图添加一个div到课堂,最新的错误?

+1

如果您附加了HTML,或者甚至更好:这将有所帮助:使用http://jsfiddle.net/向我们显示您的完整代码。 我可以看到你有一些语法错误,但你必须告诉我们更多,如果你想要帮助 – benams

回答

0

如果他们的div或一些其他类型的元素,和你想,如果newauthor找出并newquote有任何文字在其中,你想

if ($('#newauthor').text() != '' && $('#newquote').text() != '') { 

因为$('#newauthor')会​​返回一个jQuery对象,然后你可以使用一堆方法来做各种事情,比如获取文本内容,但是很难说出新作者和新引用是什么,如果它们是输入,那么你想要

$("#newauthor").val() != '' && $("#newquote").val() != "" 

里面的if子句。

+0

谢谢你。我不知道。 – user2034276

2

首先你有错误语法不等于

=! ''应该是!= ''

其次$( '#newauthor')是一个jQuery对象

所以你需要检查为空而不是空字符串

if(!$('#newauthor') && !$('#newquote')){ 

如果要检查元素是否有在页面上或不

如果要检查里面的文本条件..

然后表单元素使用$(selector).val()

否则,使用$(selector).text()

0

你只需要重新安排了一下,根据您的提琴:

$('#button').on('click', function(){ 
    var addAuthor= $('input[name=newauthor]').val(); 
    var addQuote= $('input[name=newquote]').val(); 
    if(addAuthor != '' && addQuote != ''){ 
     $(".allquotes").append("<div class = 'quotesbox'><p class = 'author'>" + addAuthor + "</p></div>"); 
     $(".allquotes").append("<div class = 'quotesbox'><p class = 'author'>" + addQuote + "</p></div>"); 
     }; 
}) 
相关问题