单击下一个节点的功能

Question

我在图像标记click上调用了一个函数，但我无法使用id，因为图像标记是动态的，并且具有不同的ID，我也无法直接在图像标记上使用on-click。我在jQuery下面尝试过，但它没有用，有没有其他方法我可以调用函数。

<input class="select_tattoos_yes" type="checkbox"  />
<img id="dynamic" />

$(document).ready(function(){
    $(".select_tattoos_yes").next('img').click(function() {
        alert(1);                          
    });
});

Answer 1

您必须使用.on，因为您已建议动态添加图片。 .click仅在元素已存在于DOM中但您需要处理未来元素

时才起作用

HTML

<input class="select_tattoos_yes" type="checkbox"  />
<img id="dynamic" alt="image" title="image" style="cursor:pointer"/>

的jQuery

$(document).on('click',':checkbox+img',function() {
    alert('alert done');                          
});

Working DEMO