Javascript 如何获得imgjquery旁边最接近的输入值？

当用户在jquery中单击img时，我想获得最接近的输入值，我该怎么做？例如，如果用户单击img a，它将获得值“1”。

a
B
C
D
e

使用

$（'img'）。单击（函数（）{
var值=$（this.next（）.val（）；
警报（值）；
});

使用


$（'img'）。单击（函数（）{
var值=$（this.next（）.val（）；
警报（值）；
});

使用


$（'img'）。单击（函数（）{
var值=$（this.next（）.val（）；
警报（值）；
});

使用


$（'img'）。单击（函数（）{
var值=$（this.next（）.val（）；
警报（值）；
});

试试这个

$('img').click(function() {
  var value = $(this).next().val();
});

试试这个

$('img').click(function() {
  var value = $(this).next().val();
});

试试这个

$('img').click(function() {
  var value = $(this).next().val();
});

试试这个

$('img').click(function() {
  var value = $(this).next().val();
});

希望这对你有帮助

希望这对你有帮助

希望这对你有帮助

希望这对你有帮助
 我猜，在你的页面中将有除这些之外的img标签。在这种情况下，如果您可以用div包围这些img标签，并执行如下操作，则效果会更好

<div id="parentDiv">
    <img src="">a</img>
    <input type="hidden" value="1" />
    <img src="">b</img>
    <input type="hidden" value="2" />
    <img src="">c</img>
    <input type="hidden" value="3" />
    <img src="">d</img>
    <input type="hidden" value="4" />
    <img src="">e</img>
</div>

如果你的页面没有任何其他的img标签，除了这些，只需保持html的原样，并将代码放在这里

$("img").click(function(){

    if($(this).next().val()){

        alert($(this).next().val());
    }
});

我想，在你的页面中将会有其他的img标签。在这种情况下，如果您可以用div包围这些img标签，并执行如下操作，则效果会更好

<div id="parentDiv">
    <img src="">a</img>
    <input type="hidden" value="1" />
    <img src="">b</img>
    <input type="hidden" value="2" />
    <img src="">c</img>
    <input type="hidden" value="3" />
    <img src="">d</img>
    <input type="hidden" value="4" />
    <img src="">e</img>
</div>

如果你的页面没有任何其他的img标签，除了这些，只需保持html的原样，并将代码放在这里

$("img").click(function(){

    if($(this).next().val()){

        alert($(this).next().val());
    }
});

我想，在你的页面中将会有其他的img标签。在这种情况下，如果您可以用div包围这些img标签，并执行如下操作，则效果会更好

<div id="parentDiv">
    <img src="">a</img>
    <input type="hidden" value="1" />
    <img src="">b</img>
    <input type="hidden" value="2" />
    <img src="">c</img>
    <input type="hidden" value="3" />
    <img src="">d</img>
    <input type="hidden" value="4" />
    <img src="">e</img>
</div>

如果你的页面没有任何其他的img标签，除了这些，只需保持html的原样，并将代码放在这里

$("img").click(function(){

    if($(this).next().val()){

        alert($(this).next().val());
    }
});

我想，在你的页面中将会有其他的img标签。在这种情况下，如果您可以用div包围这些img标签，并执行如下操作，则效果会更好

<div id="parentDiv">
    <img src="">a</img>
    <input type="hidden" value="1" />
    <img src="">b</img>
    <input type="hidden" value="2" />
    <img src="">c</img>
    <input type="hidden" value="3" />
    <img src="">d</img>
    <input type="hidden" value="4" />
    <img src="">e</img>
</div>

如果你的页面没有任何其他的img标签，除了这些，只需保持html的原样，并将代码放在这里

$("img").click(function(){

    if($(this).next().val()){

        alert($(this).next().val());
    }
});

使用
next（）
，
$（this）.next（）.val（）
最近还是下一个？最后一个img标签呢？没有下一个输入。在这种情况下，您需要获取上一个输入值？使用
next（）
，
$（this）.next（）.val（）
最近还是下一个？最后一个img标签呢？没有下一个输入。在这种情况下，您需要获取上一个输入值？使用
next（）
，
$（this）.next（）.val（）
最近还是下一个？最后一个img标签呢？没有下一个输入。在这种情况下，您需要获取上一个输入值？使用
next（）
，
$（this）.next（）.val（）
最近还是下一个？最后一个img标签呢？没有下一个输入。在这种情况下，您需要获得上一个输入值？和
.val（）
，也不需要将
'input'
输入到
下一个
而不是
值
，
input.val（）
，或者如果您想使用
值
，则使用
var input=$（this.next（'input'）[0]
@Tushar：我们可以使用
输入
选择器，没有限制<代码>获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个同级。
感谢您的响应，但它给了我“未定义”，这是因为我在img和输入之间有一个耦合标记吗？我稍微编辑了一下代码。@conan：在这种情况下，使用
var value=$（this.nextAll（'input'）.first（）.val（）
和
.val（）
@Tushar：我们可以使用
输入
选择器，没有限制<代码>获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个同级。
感谢您的响应，但它给了我“未定义”，这是因为我在img和输入之间有一个耦合标记吗？我稍微编辑了一下代码。@conan：在这种情况下，使用
var value=$（this.nextAll（'input'）.first（）.val（）
和
.val（）
@Tushar：我们可以使用
输入
选择器，没有限制<代码>获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个同级。
感谢您的响应，但它给了我“未定义”，这是因为我在img和输入之间有一个耦合标记吗？我稍微编辑了一下代码。@conan：在这种情况下，使用
var value=$（this.nextAll（'input'）.first（）.val（）
和
.val（）
@Tushar：我们可以使用
输入
选择器，没有限制<代码>获取匹配元素集中每个元素紧跟其后的同级。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个同级。
感谢您的响应，但它给了我“未定义”，这是因为我在img和输入之间有一个耦合标记吗？我稍微编辑了一下代码。@conan：在这种情况下，使用
var value=$（this.nextAll（'input'）.first（）.val（）