1

私はここでいくつかの質問をしていましたが、運が悪かったので、1行のコードを複数の行に分割できる小さな構文があるのではないかと思っていました。

私はJqueryにいくつかの要素を追加しています.段落などはそれを非常に長くするので、少し乱雑に見えないようにしたいだけです.

$('#image_holder').append('<div id="holder_info"><h5>Creatology Concept Design Academy     (Final College Yeah Exibition):</h5><p>For my final year at Weston College, we were asked to     invent a company and produce a series of designs related, this included</p></div>');

私はまだ要素を完成させていません。それを片付ける方法を見つけたいだけです。

4

2 に答える 2

3

特別なことをしなくても、ステートメントを複数の行に分割できます。ステートメントの最後にセミコロン ( ;) を入れるだけで、ステートメントがどこで終わるべきかが明確になります。

行がセミコロンで終わらない場合、JS は次に来るものを調べて、セミコロンを挿入してステートメントを終了するのが適切な場所を判断します。((一種の) 例外はreturn.)

長い文字列を分割したい場合は、それを小さな文字列に分割して連結します。

あなたが投稿した例：

$('#image_holder').append('<div id="holder_info"><h5>Creatology Concept Design Academy     (Final College Yeah Exibition):</h5><p>For my final year at Weston College, we were asked to     invent a company and produce a series of designs related, this included</p></div>');

簡単に次のようになります。

$('#image_holder')
    .append(
        '<div id="holder_info"><h5>Creatology Concept Design Academy     ' +
        '(Final College Yeah Exibition):</h5>' +
        '<p>For my final year at Weston College, we were asked to     ' +
        'invent a company and produce a series of designs related, ' +
        'this included</p></div>'
    );

(インデントはスタイルの問題であり、要件ではありません。)

これが機能するのは、JS がこれらの行のどこにもセミコロンを挿入できず、セミコロンの両側のコードを構文的に意味のあるものにすることができないためです。

これがうまくいかない理由

return
    true;

また

return
    this;

はreturn;、それ自体でステートメントになる可能性があり、trueまたはthis通常後returnに続くものは何でも可能であるため、JS は の後にセミコロンを挿入しreturnます。これは実際には例外ではなく、注意が必要な潜在的なトラップにすぎません。

于 2013-06-03T14:25:17.373 に答える
2

文字列を閉じて で連結し+、任意の場所 (文字列の外側) に改行を入れることができます。

$('#image_holder').append('<div id="holder_info"><h5>' 
 + 'Creatology Concept Design Academy' 
 + '     (Final College Yeah Exibition):</h5>' 
 + '<p>For my final year at Weston College,' 
 + ' we were asked to     invent a company and' 
 + ' produce a series of designs related, this included</p></div>');
于 2013-06-03T14:24:23.743 に答える