почему этот код jquery не работает, если я добавляю класс к <P>

Question

Работает

var tip = "<p>Most computers will open PDF documents automatically, but you may need to download <a title='Link to Adobe website-opens in a new window'";
tip +=" href='http://www.adobe.com/products/acrobat/readstep2.html' target='_blank'>Adobe Reader</a>.</p>";


if($("div#maincontent a[href*='.pdf']").length>0){
    $("div#maincontent").children(":last-child").after(tip);

но это не

var tip = "<p class="adobe-reader-download">Most computers will open PDF documents automatically, but you may need to download <a title='Link to Adobe website-opens in a new window'";
tip +=" href='http://www.adobe.com/products/acrobat/readstep2.html' target='_blank'>Adobe Reader</a>.</p>";


if($("div#maincontent a[href*='.pdf']").length>0){
    $("div#maincontent").children(":last-child").after(tip);

Answer 1

Вы используете двойные кавычки здесь, где написано adobe-reader-download

var tip = "<p class="adobe-reader-download">

Попробуйте это:

var tip = "<p class=\"adobe-reader-download\">

Примечание: Если вы используете одинарные кавычки для всей строки, вам не нужно экранировать двойные кавычки.