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

4

3 回答 3

2

首先,不等于的语法错误

=! '' 应该是 != ''

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

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

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

如果要检查页面上是否存在元素

如果要检查其中文本的条件..

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

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

于 2013-02-02T00:34:11.307 回答
0

如果它们是 div 或其他类型的元素,并且您正在尝试确定 newauthor 和 newquote 中是否有任何文本,您想要

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

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

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

if 子句的内部。

于 2013-02-02T00:27:11.363 回答
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>");
        };
})
于 2013-02-02T00:48:16.637 回答