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」クラスに追加しようとしています。このサイトは初めてなので、適切な質問の構造がわかりません。*編集理由クリック機能が機能しませんか?jsfiddle

4

3 に答える 3

2

まず、 Not equal toの構文が間違っています

=! '' 察するに != ''

次に、$('#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 に答える