Javascript 如何使下一个元素单击

Javascript 如何使下一个元素单击,javascript,jquery,Javascript,Jquery,我使用以下代码动态创建元素 elem = $("<div class='col-sm-3'>"); elem.prepend($("<input type='submit' style='display:none'>")); image = $('<img >'); image.attr('src', prop[j]); elem.append(image); elem=$(“”); 元素前置($(“”); 图像=$(' 不知道点击图像提交按钮如何触

我使用以下代码动态创建元素

elem = $("<div class='col-sm-3'>");
 elem.prepend($("<input type='submit' style='display:none'>"));
 image = $('<img >');
 image.attr('src', prop[j]);
 elem.append(image);
elem=$(“”);
元素前置($(“”);
图像=$('

不知道点击图像提交按钮如何触发

您可以使用
上的jquery将点击功能与图像id绑定。您需要在图像上设置id并传递它,而不是图像id。on功能是绑定未来元素,因此您无需点击提交按钮即可直接提交表单

$( "#image_id" ).on( "click", function() {
  $("#form_id").submit();
});
附言: 如果您有任何问题,请单击“提交”按钮上的“绑定”,然后使用

$( "#foo" ).trigger( "click" );

请确保这与您要提交的
表单
标签相同

正如您所知,您正在创建动态元素,这需要委托函数检查代码

elem = $("<div class='col-sm-3'>");
elem.prepend($("<input type='submit' style='display:none'>"));
image = $('<img id="img">');
image.attr('src', prop[j]);
elem.append(image);

$(document).on("click","#img" function(){
    $(this).closest('form').submit();
});
elem=$(“”);
元素前置($(“”);

image=$('I want So what stop you?Go ahead您想触发表单提交吗?因为这样您就可以执行
image.on('click',function(){$('form').submit();})