Question

$(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”类。我是这个网站的新手，所以我真的不知道正确的问题结构。*编辑任何原因为什么点击功能不起作用？jsfiddle

Answer 1

首先，不等于

的语法错误

=! ''应该是!= ''

其次$（'＃newauthor'）是一个jQuery对象

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

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

如果您想检查页面上是否有元素

如果你想检查里面文字的条件..

然后，对于表单元素，请使用$(selector).val()

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

Answer 2

如果它们是div或其他类型的元素，并且您试图弄清楚newauthor和newquote中是否包含任何文本，那么您需要

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

因为$（'＃newauthor'）返回一个jQuery对象，然后有一堆方法可以用来做各种各样的事情，比如获取文本内容。但是很难说出新作者和新作者是什么。如果他们是输入，那么你想要

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

在if子句中。

Answer 3

你需要根据你的小提琴重新安排一下：

$('#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>");
        };
})

试图将div附加到课堂上，这有什么不对？

3 个答案: