Question

我正在尝试向没有id或类的图像添加文本行我有一系列图像，例如

  <img src="../img/star.png"  /><span>no text here until left img is clicked</span>

  <img src="../img/someotherpicture.png"  /><span>no text here until left img is clicked</span>

  <img src="../img/anotherpicture.png"  /><span>no text here until left img is clicked</span>

和jquery我有

$(document).ready(function(){
$("img").click(function(){  
$("img").next.$("span").val("info inserted after clicking on the img next to spa");
})
});

我有点困惑，我应该如何在这里使用，或者我应该使用find？我总是有一个img，然后是一个跨度。

Answer 1

你还应该考虑在.click（）上使用.on（），但最重要的部分是回调中的$（this），它将引用被点击的对象

$(document).ready(function(){
     $("img").on('click', function(e){  
        $(this).next('span').text("info inserted after clicking on the img next to span");
    })
});

Answer 2

您的选择器和方法不正确。要定位范围，请使用：

$(this).next('span')

然后，要更改节点内的文字，请使用.text()代替.val()：

 $(this).next('span').text('info inserted after clicking on the img next to spa');

（。val（）用于输入字段）。

jquery单击图像选择没有类或id的下一个跨度

2 个答案: