html - 选择动态 ID JQuery

Question

我需要使用 JQuery 选择动态 ID，一旦我选择了它，我就需要对其执行一些操作。这是我的 HTML:

<input id="content_photos_attributes_1355755712119_image"   name="content[photos_attributes][1355755712119][image]" size="30" type="file">

请注意 id 值，文本始终相同，但数字会发生变化(我无法控制该变化)。

我需要做的是为该元素创建点击。这是我到目前为止得到的结果，但没有用。

<script type="text/javascript">
jQuery.noConflict();

  jQuery("input[id *= 'content_photos_attributes_']").click(function() {

  alert("Image deletion is clicked");
});
</script>

无论我是按 ID 还是按名称选择该元素都没有什么区别。

Answer 1

正如我所看到的，它应该在 $(document).ready(); 处理程序中，它是一个动态 ID，所以为此你必须使用 .on()选择选择器的处理程序:

$(document).ready(function(){
    jQuery(document).on('click', 'input[id^="content_photos_attributes_"]', function() {
       alert("Image deletion is clicked");
    });
});

试试这个，看看是否有帮助。