jquery - JQueryは.cssを使用して含まれるページに適用します

Question

がインクルードされているテキストファイルにある$(".img").css("border", "1px solid black");場合、css を使用して適用するのに問題があります。img

コードがページに含まれている場合は問題なく動作しますが、含まれているindex.htmlページに要素がある場合にスタイルを適用するにはどうすればよいですか?

含まれるページ:

<figure>
  <img src="images/map.gif" alt="Le Mans Circuit Map" class="img">
  <figcaption>Map of the Le Mans Circuit</figcaption>
</figure>

このdivに含まれています：

<div id="tabContent1"></div>

編集: CSS を更新しました。

score 2 · Accepted Answer

$(".img").css("border", "1px solid black");

編集

コードをクリーンアップする必要があります

jQuery は役に立ちます。コードを書きすぎます

score 1 · Accepted Answer

ロードの後に関数を貼り付け、.cssその関数に配置します。

$("#tabContent3").load("test3.txt", function () {
$(".img").css("border", "1px solid black");
});

score 0 · Accepted Answer

詳細については、 jquery css apiノートを確認してください。あなたが求めているのはこのようなものです。

$( 'img' ).css( 'border', '1px solid black' );

編集：

このコードは正しいです、私はそれを保証します。何かが機能しない場合、それは実装のエラーです。$( document ).ready( ... )コードを次のようなステートメントでラップすることをお勧めします。

$( document ).ready( function () {
    $( 'img' ).css( 'border', '1px solid black' );
});

今あなたが言うとき

要素が含まれているページにあるときにスタイルを適用するにはどうすればよいですか?

などを使用しているということです.$.fn.appendか？もしそうなら、その$.fn.cssコードをその直後に実行するだけです

score 0 · Accepted Answer

別のCSSが適用されている可能性があり、これを使用できます

$('.img').css('border','1px black solid !important');

ajax を介してロードしている場合は、成功のコールバックで呼び出すだけです

この助けを願っています

4 に答える 4