jquery - jQueryを使用して現在のdivの最初の画像を選択します

Question

私はこれに関して同様の質問を投稿して、それが私が必要としていたものではないことを知りました。謝罪いたします。

これは私が使用しているコードです：

jQuery(document).ready(function($) { 

  $('.upload_button').click(function() {

    targetfield = $(this).prev('.logo_url');
    tb_show('', 'media-upload.php?type=image&TB_iframe=true');

    window.send_to_editor = function(html) {
      imgurl = $('img',html).attr('src');
      jQuery(targetfield).val(imgurl);
      tb_remove();

      $('.upload_preview img').attr('src',imgurl); // THIS IS WHERE I'M HAVING PROBLEMS

      $('#submit_options_form').trigger('click');
    };

    return false;

  });
});

私はjQueryが得意ではなく、まだいくつかのことに慣れていません。プレビュークラスにimgタグのURLを入力する必要がありますが、URLを取得しているものにのみ入力します。私が今持っているものは、そのクラスを持つすべての画像タグにデータを入力します。どんな助けでも大歓迎です。

入力フィールドに入力するように入力する必要があります。

編集

これがHTMLの例です。1ページでこれらの倍数を使用しています。

<li class="slide">

            <input class="logo_url" name="theme_wptuts_options[logo]" value="src[]" />
                <input class="upload_button" type="button" class="button" value="<?php _e( 'Upload Logo' ); ?>" />

                <div class="upload_preview" style="min-height: 100px;">
                    <img style="max-width:100%;" src="src[]" />
                </div>

            <button class="remove_slide button-secondary">Remove This Slide</button>

</li>

Answer 1

：eq（0）を使用すると、最初の要素が選択されます。.first（）.last（）などと比較して最良の方法です:)

$('.upload_preview img:eq(0)').attr('src',imgurl);

Answer 2

imgurl*編集済み2012年11月5日午後9時47分ET *

これかもしれません！フィドルでwindow.send関数を実行できないため、フィドルでテストできません。

改訂されたワーキングフィドル

JQuery

var whichLi;

jQuery(document).ready(function() {

    $('.upload_button').click(function() {

       whichLi= $(this).parent('li');

       targetfield = $(this).prev('.logo_url');
        tb_show('', 'media-upload.php?type=image&TB_iframe=true');

        window.send_to_editor = function(html) {


            imgurl = $('img', html).attr('src');
            jQuery(targetfield).val(imgurl);
            tb_remove();

            $(whichLi).find('img').attr('src', imgurl);
            $('#submit_options_form').trigger('click');
        };

        return false;

    });
});

Answer 3

試行錯誤の末、これが私が思い通りに機能するようになりました。皆様のご協力とご回答に感謝いたします。

jQuery(document).ready(function($) { 
$('.upload_button').click(function() {
     targetfield = $(this).prev('.logo_url');
     imgpreview = $(this).parent().find('img');
     tb_show('', 'media-upload.php?type=image&TB_iframe=true');
window.send_to_editor = function(html) {
     imgurl = $('img',html).attr('src');
     jQuery(targetfield).val(imgurl);
     tb_remove();
     $(imgpreview).attr('src', imgurl);
     $('#submit_options_form').trigger('click');
};
return false;
});
});

Answer 4

:firstセレクターは仕事をします：

$('.upload_preview:first img').attr('src', imgurl);