jquery 选择器使用属性值填充文本输入

Question

我有 40 个这样的锚标签，并且在一个隐藏字段中，id 为 image

<a name="select_image" id="x">
<img ...> 
</a>

我想在图像上单击以属性值填充图像文本输入。

$('a[name=select_image]').click(function() {
var id = $(this).attr('id');
$("#image").val(id);
$('#browse').modal('hide');
});

模态没有关闭所以我猜选择器有问题？

编辑： 刚刚意识到所有锚标签都是通过 jquery 加载的，这就是为什么它不起作用。我相信有办法做到这一点，但我不记得如何。

Answer 1

如果锚标签是动态生成的，则需要对动态创建的元素进行点击事件委托：

  $(document).on('click','a[name=select_image]',function() {
    var id = $(this).attr('id');
    $("#image").val(id);
    $('#browse').modal('hide');
    });

jquery 选择器使用属性值填充文本输入

jquery selector populate text input with attribute value

anchor

jquery

selector