jQueryのは、私はそうのようなembed要素にクラスを追加しようとしています要素

Question

埋め込むためにクラスを追加します。

$(".single-floorplan embed#2").addClass("activeFloorplan"); 

をしかし、これは動作しません、クラスは私も

$(".single-floorplan #2").addClass("activeFloorplan"); 

を試してみましたが、追加されません。

まだ、何もクラスが追加されていません。

ここに埋め込みオブジェクトがあります。

<embed src="~/PDFs/floorplans/pdf.pdf" height="500" type='application/pdf' id="2"> 

どのようにしてクラスに埋め込み要素を追加しますか？

embed要素は、single-floorplanというクラスの内部にラップされています。

Answer 1

私はembed objectがドキュメントに配置される前に、あなたは

$(".single-floorplan embed#2").addClass("activeFloorplan"); 

を試してみましたね。

したがって、embedオブジェクトを配置した後にjsコードを配置してください。

Answer 2

非常に大まかな考え方として、次試すことができます。

たsetTimeout（関数（）{$（）addClass（ "activeFloorplan "）" のシングルフロアプラン＃2。";}、5000）;

Answer 3

1. $('#2').addClass('activeFloorplan')
2. 使用はiframeをお試しください。
3. 詳細はスニペットに記載されています。

あなたは、ワードプレス、CMS、またはクッキーカッター・セットアップの他のいくつかのタイプを使用している場合は、結果意志非常に（非常に非常に）。

SNIPPET

$('#1').addClass('activeFloorplan'); 
 
$('#2').addClass('activeFloorplan'); 
 
$('#3').addClass('activeFloorplan');

body { 
 
    font: 400 12px/1.4 Verdana 
 
} 
 
#a2 { 
 
    border: 5px solid #0e0 
 
} 
 
#a3 { 
 
    border: 5px solid #e00 
 
} 
 
.activeFloorplan { 
 
    outline: 10px dashed #930; 
 
} 
 
.g { 
 
    color: green; 
 
} 
 
.b { 
 
    color: blue; 
 
} 
 
.r { 
 
    color: red; 
 
} 
 
div p { 
 
    font-size: 14px; 
 
    background: #fc1 
 
} 
 
code { 
 
    background: #05f; 
 
    color: #efe; 
 
    padding: 1px 2px; 
 
} 
 
.scroll { 
 
    font-size: 20px; 
 
    text-align: center; 
 
} 
 
.tip { 
 
    border: 2px solid tomato; 
 
    border-radius: 40%; 
 
    line-height: 3; 
 
    width:50%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<p>All nodes with the class <code>.activeFloorplan</code> have a brown dashed outline. This indicates that each time <code>.addClass()</code> was applied directly to a node's <code>id</code>, it was successful. So if there's an <code>id</code> on our target node...just 
 
    select the <code>id</code>.</p> 
 
<p class='tip'>Use <code>$('#2').addClas('activeFloorplan')</code> 
 
</p> 
 
<p class='g tip'>Try an &lt;iframe&gt; for PDFs</p> 
 
<p class='b'>&lt;embed&gt; is good for SVG</p> 
 
<p class='r'>&lt;embed&gt; is not good for PDF</p> 
 
<p>If the &lt;iframe&gt; doesn't work...check the location of said PDF.</p> 
 
<div id='al'> 
 
    <div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
    <p>This is a PDF within an &lt;iframe&gt;</p> 
 
    <iframe id="1" src="http://www.gtupw.org/articles/attachments/1358398740.pdf" frameborder='5' width='500'></iframe> 
 
</div> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<div id='a2'> 
 
    <p>This is a SVG within an &lt;embed&gt;</p> 
 
    <embed id="2" src="https://upload.wikimedia.org/wikipedia/commons/9/99/Compass_rose_simple.svg"> 
 
</div> 
 
<div class='scroll'>▼▼▼Scroll▼▼▼</div> 
 
<div id='a3'> 
 
    <p>This is a PDF within an &lt;embed&gt;</p> 
 
    <embed id="3" src="http://www.gtupw.org/articles/attachments/1358398740.pdf"> 
 
</div> 
 
<div class='scroll'>✲✲✲END✲✲✲</div>