1

画像を動的に追加する div があります。

div.append('<img class="prod48" src="' + url + '" />');

は、その中のテキストに応じてテキストボックスによってurl設定されます。focusout追加機能は追加を続けるため、これurlを変更して別の画像を追加しないようにするにはどうすればよいdivですか? が初めてfocusout呼び出されたときにのみ、URL を更新する時間を追加して休むことができるはずです。

4

4 に答える 4

3

ドキュメントに追加された後に画像要素を更新する場合は、何らかの方法でそれを参照する必要があります。

いくつかのアイデアがすぐに思い浮かびます。

  1. 画像に一意の ID を付けて、それを使用します。

    # First, change the html to include an id
div.append('<img id="abcdef1234" class="prod48" src="' + url + '" />');

#...
# Later, grab the image by its id and change the source url
var img = document.getElementById('abcdef1234');
img.src = newUrl;

  2. または、最初に画像を動的に構築し、要素を変数に保持します。

    # First, create an element, and hold it in a variable:
var img = document.createElement('img');
img.className = "prod48";
img.src = url;
# Now append it to the div:
div.append(img);

#...
# Later, we still have that element, so we can just change the source URL:
img.src = newUrl;
于 2013-02-13T06:19:54.000 に答える
2

HTML :

<input type="text" id="url">
<div id="image_div">
    Will append image tag to this :     
</div>

Jクエリ:

$(document).ready(function(){
$('#image_div').html("<img src='' class='prod48'>");       //will replace image
    $('#url').change(function(){        
        $('.prod48').attr('src',$('#url').val());
    });
});

JSFiddle :こちら

于 2013-02-13T06:29:37.370 に答える
0

画像のIDを提供すると、このコードが役立つ場合があります..

$("img").attr("src", "/img/circleGraph/circle");
于 2013-02-13T06:22:01.123 に答える
0

jQuery を使用している場合は、次のようなことができます。

var div = $('div');

div.append("<img src='"+url+"' />");

div.find("img").attr("src", newUrl);
于 2013-02-13T06:28:17.780 に答える