Question

如何获取附加了image标签的文本框的值。有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>

如何获得文本框的src和值？

我试过的脚本：

var values = "";                    
$(".hi, .multiple").each(function () {                  
    imageURI = $(this).attr('src'); // I am getting imageURI
   ????                             //How can I get texbox value? 
 });

Answer 1

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

Answer 2

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

Answer 3

试试这个：

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

多个类获取每个值

3 个答案: