ID /クラスのない画像をJQueryに置き換えます

Question

Google Chrome拡張機能を使用して外部テーマをウェブサイトに適用します。ロゴはそれを呼び出すためのIDやクラスを持っておらず、別のイメージと置き換える方法を探しています。そのサイズに基づいて画像を取得する方法があるように感じるが、そこから何をするのか分からない。それは<div id="something">で、たとえばだ場合

Answer 1

あなたは1は、画像の指標である$("img:eq(1)").attr("src", "file.png");

を呼び出すことができるはず

$("#something img:first").attr('src', 'http://new.src/img.gif'); 

Answer 2

でそれをキャッチすることができます。 waitinforatrainが下を指すように、これはゼロベースです。 APIエントリから：

JavaScript配列は0ベースのインデックスを使用するため、これらの セレクタはその事実を反映しています。このため、$（ '。myclass：eq（1）'）は ではなく、myclassクラスのドキュメントの2番目の要素を に選択します。対照的に、:nth-child(n)は1ベースのインデックスを使用して をCSS仕様に適合させます。

詳細については、:eq selector in the JQuery APIを参照してください。

Answer 3

まず、近くにある要素を選択する必要があります。

それは、ID exampleを持つ要素の第三子である場合：

$("#example :nth-child(3)").attr('src', '...'); 

または、親要素が何もIDを持っていない場合、あなたは直接の子セレクタを使用してそれを実行する必要があります。 HTMLの場合：

<div id="myDiv"> 
    <div>blah</div> 
    <div><img src="..."/></div> 
</div> 

あなたのセレクタは次のようになります。あなたがリンクされた画像のファイル名が何であるかを知っていれば

$("#myDiv > div:nth-child(2) > img"); 

Answer 4

あなたは使用してセレクタを含んでいることによって選択することができます。

http://api.jquery.com/attribute-contains-word-selector/

$("img[src~='cats.gif']");