Использование нескольких форм для загрузки Wordpress на странице

Question

Я разрабатываю плагин Wordpress. Использование системы загрузки Wordpress. В основном это моя форма входа для загрузки:

<input id="upload_image" type="text" value="" /> 
<input id="upload_image_button" type="button" value="Upload Image" /> 

также другие необходимые JS и CSS файлы помещенных в очередь (входит в комплект). Наконец, этот javascript включен на страницу:

jQuery(document).ready(function() { 

jQuery('#upload_image_button').click(function() { 
formfield = jQuery('#upload_image').attr('name'); 
// show Wordpress' uploader modal box 
tb_show('', 'media-upload.php?type=image&TB_iframe=true'); 
return false; 
}); 

window.send_to_editor = function(html) { 
// this will execute automatically when a image uploaded and then clicked to 'insert to post' button 
imgurl = jQuery('img',html).attr('src'); 
// put uploaded image's url to #upload_image 
jQuery('#upload_image').val(imgurl); 
tb_remove(); 
} 

}); 

Работает очень хорошо, без проблем. Но теперь я хочу добавить несколько загружаемых форм на страницу.

<input class="upload_image" type="text" value="" /> 
<input class="upload_image_button" type="button" value="Upload Image" /> 

<input id="upload_image" type="text" value="" /> 
<input id="upload_image_button" type="button" value="Upload Image" /> 

<input id="upload_image" type="text" value="" /> 
<input id="upload_image_button" type="button" value="Upload Image" /> 

Я использовал class="upload_image" и class="upload_image_button" вместо id="upload_image" и id="upload_image_button"

Теперь я должен обновить мои JavaScript коды.

Теперь есть несколько кнопок для загрузки. BUt это не работает:

jQuery(document).ready(function() { 

jQuery('.upload_image_button').click(function() { 
formfield = jQuery('.upload_image_button').prev().attr('name'); 
tb_show('', 'media-upload.php?type=image&TB_iframe=true'); 
return false; 
}); 

window.send_to_editor = function(html) { 
imgurl = jQuery('img',html).attr('src'); 
jQuery('.upload_image_button').prev().val(imgurl); 
tb_remove(); 
} 
}); 

Как его обновить?

Answer 1

jQuery(document).ready(function() { 
var clicked = null; 

jQuery('.upload_image_button').click(function() { 
clicked = jQuery(this); 
formfield = jQuery(this).prev('input').attr('name'); 
tb_show('', 'media-upload.php?type=image&TB_iframe=true'); 
return false; 
}); 

window.send_to_editor = function(html) { 
imgurl = jQuery('img',html).attr('src'); 
clicked.prev('input').val(imgurl); 
tb_remove(); 
} 
});