0

次のスクリプトを使用して、入力した値に基づいて画像を変更しています。

var siteLogo = $('input#site-logo').val();
$('#site-logo, img').attr("src", siteLogo);

html

 <div id=site-logo>
<img src="default.png" width="285px" height="100px">
</div>

<input id="site-logo" class="input-xlarge" placeholder="http://" type="text">
<button id="add-site-logo" class="btn" href=""> Add</button>

私の問題は、ページ上のすべての画像をサイトロゴの値に変更していることです。ページ上の他のランダムなものではなく、サイトロゴの値のみが変更されるようにするにはどうすればよいですか?

4

4 に答える 4

2

ここには 2 つの問題があります。

  • id2 つの要素に設定されたフィールドがあります。一意である必要があります。
  • 使用しているセレクターは複数のものを選択します。セレクターはID#site-logoを持つアイテムを選択し、ページ上のすべての画像を選択します。セレクターのコンマは、基本的にすべてのセレクターで「または」を定義します。要素が一致する場合、または一致する場合に要素を選択します。site-logoimg#site-logo img

セレクターを次のように変更します。

$("#site-logo img").attr("src", siteLogo);

<input>この場合、タグに別の ID が必要になります。

于 2013-05-03T15:00:53.017 に答える