0

クラスにHTMLを追加しようとしています...以下が機能しない理由はありますか？

JQUERY：

$("ul#breadcrumbs li[media='print']").append("<strong>Hello</strong>");

HTML： 

<ul id="breadcrumbs">   
        <li class="">
            <a href="supporting-overview.html">Supporting Units</a>
        </li>

        <li class="">
            <a href="literacy-and-learning.html">Language of geography</a>
        </li>

        <li class="active">
            <a href="literacy-and-learning.html">literacy and learning</a>
        </li>

</ul>
4

4 に答える 4

2

セレクターは、値がegのwith 属性をul#breadcrumbs li[media='print']探します。あなたのhtmlにはそのようなものがないので、選択は行われず、要素は追加されません。limediaprint<li media='print'>li

于 2012-11-08T05:25:58.530 に答える
0

私はこれを試しました

$( document ).attr( 'style', '@media print { body { font-size: 15pt } }' )
于 2013-03-18T09:58:03.013 に答える
0

ムサ そうです。jQuery は、html で定義されたタグとタグ属性のみをターゲットにします。

目的を達成するために、追加したい要素にクラスを追加できます

$("ul#breadcrumbs li").append("<strong class='visible-in-print'>Hello</strong>");

を除くすべてのメディア タイプでこの要素を非表示にします。media @print

.visible-in-print {
    display: none;
}

@media print {
    .visible-in-print { 
        display: inline;
    }
}
于 2012-11-08T05:40:26.983 に答える
0

li属性 を持つ要素を一致させようとしています。現在、そのような属性を持つ要素media="print"は 1 つもありませんli。

コードが機能するには、次のものが必要です

<ul id="breadcrumbs">   
        <li class="">
            <a href="supporting-overview.html">Supporting Units</a>
        </li>

        <li class="" media="print">
            <a href="literacy-and-learning.html">Language of geography</a>
        </li>

        <li class="active">
            <a href="literacy-and-learning.html">literacy and learning</a>
        </li>

</ul>

$("ul#breadcrumbs li[media='print']").append("<strong>Hello</strong>");

ライブデモ

于 2012-11-08T05:28:42.913 に答える