Блог

Я знаю, что это довольно просто, я пытаюсь получить атрибут ‘src’ некоторых изображений и поместить их в одинаковое количество полей #image:

         count = 0;
        $('.selected').each(function() {
            count  ;
            // the idea is to get the value from each ".selected img"
            $('#image'   count).val(   this   img   ).attr("src");
        });
  

Как ссылаться на изображение из ‘this’? или какой был бы хороший метод? …. Спасибо!

Редактировать:

У меня есть что-то вроде этого:

         <li><img src="..." alt="" class="selected" /></li>
        <li><img src="..." alt="" /></li>
        <li><img src="..." alt="" /></li>
        <li><img src="..." alt="" class="selected" /></li>
  

Я хочу записать атрибут src этих изображений в этом:

     <input type="hidden" id="image1" name="image1" value="" />                  
    <input type="hidden" id="image2" name="image2" value="" />  
  

Спасибо!

Это то, что вы имеете в виду?

 $(function() {
    var count = 0;
    $('.selected').each(function() {
        count  ;
        var source = $('img', this).attr('src');
        $('input#image'   count).val(source);
    });
});
  

 $('img.selected').each(function(i, img) {
    $('#image'   (i   1)).val(img.src);
});
  

Если я правильно понимаю, о чем вы спрашиваете, вы хотели бы поместить src атрибут в каждый связанный hidden тег поля, это правильно? Я немного смущен различием между использованием выбранных и невыбранных изображений, поэтому я игнорирую это в этом решении:

HTML:

 <ul>
    <li><img src="src0" alt="" class="selected" /></li>
    <li><img src="src1" alt="" /></li>
    <li><img src="src2" alt="" /></li>
    <li><img src="src3" alt="" class="selected" /></li>
</ul>

<input type="text" id="image0" name="image0" value="" />                  
<input type="text" id="image1" name="image1" value="" />  
<input type="text" id="image2" name="image2" value="" />  
<input type="text" id="image3" name="image3" value="" />  
  

Скрипт:

 $('input[type=text]').each(function(idx, e){
    $(this).val($($('img')[idx]).attr('src'));
});
  

http://jsfiddle.net/dbrecht/MDfD9/

(Я использовал текстовые поля здесь для иллюстрации, но вы могли бы легко изменить атрибуты на скрытые)

Конечно, это предполагает, что каждое изображение имеет соответствующее поле ввода. Мне немного любопытно, почему вы идете по этому пути.. Чего именно вы пытаетесь достичь? Из того, что я видел, могут быть другие способы сделать это..

Я думаю, это то, что вы имеете в виду.

     $('.selected').each(function(idx, obj) {
        $('#image'   (idx   1)).attr("src", obj.src);
    });