Javascript 多个类获取每个值

如何获取附加图像标记的textbox的值。有class=“hi”的图像列表和class multiple的文本框

<div id="images">
    <img src="www.xyz.com/qwert.jpg" class="hi">
    <input type="text" class="multiple">
    <img src="www.xyz.com/qwerty.jpg" class="hi">
    <input type="text" class="multiple">
    <img src="www.xyz.com/qwertww.jpg" class="hi">
    <input type="text" class="multiple">
</div>

试试这个：

var values = "";                    
$(".hi, .multiple").each(function () {                  
    imageURI = $(this).attr('src'); // I am getting imageURI
    textBoxVal =  $(this).val();
 });)

最近的（'input'）

将以父输入为目标，而不是兄弟输入

$(".hi").each(function () {                  
    var imageURI = $(this).attr('src'); 
    var textBoxVal = $(this).next().val(); 
 });

var values = "";                    
$(".hi, .multiple").each(function () {                  
    imageURI = $(this).attr('src'); // I am getting imageURI
    textBoxVal =  $(this).val();
 });)

$(".hi").each(function () {                  
    var imageURI = $(this).attr('src'); 
    var textBoxVal = $(this).next('input').val(); 
 });