它提交值
// Slider Image
echo '<input style="width:100%" type="hidden" id="all_img" name="all_img" value="' . $all_img .'" />';
删除选项删除
$s_img = explode(',', $single_img);
for ( $i = 0; $i < count( $s_img ); $i++ ) {
echo '<li id="delete_img"><div class="delete"><div alt="f158" class="dashicons dashicons-no" style="display: inline-block;"></div></div>';
echo '<img src="'.wp_get_attachment_image_url( $s_img[$i], 'full', false ).'" alt="slider image"/><li>';
}
删除图片删除图片javascript文档正文并一键删除id
$(document.body).on('click', '.sarea .delete', function() {
$('#single_img').remove();
});
在您的示例中，您对 for 循环中的所有图像使用相同的 id="delete_img":
for ( $i = 0; $i < count( $s_img ); $i++ ) {
echo '<li id="delete_img"><div class="delete"><div alt="f158" class="dashicons dashicons-no" style="display: inline-block;"></div></div>';
echo '<img src="'.wp_get_attachment_image_url( $s_img[$i], 'full', false ).'" alt="slider image"/><li>';
}
// delete image
$('#single_img').remove();
由于您使用的是 jQuery，因此您可以尝试类似的操作:
// When you click on your delete icon...
$('.delete').on('click', function() {
// It will select the parent element <li> and remove it.
$(this).parent().remove();
});
例如:
$('.delete').on('click', function() {
$(this).parent().remove();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li>
<button type="button" class="delete">X</button>
<span>Icon</span>
<span>Image 1</span>
</li>
<li>
<button type="button" class="delete">X</button>
<span>Icon</span>
<span>Image 2</span>
</li>
<li>
<button type="button" class="delete">X</button>
<span>Icon</span>
<span>Image 3</span>
</li>
</ul>