为什么删除最后一个孩子不起作用? [英] Why Remove last child does not work?

问题描述

我正在尝试删除div旧图像，并使用上一个孩子(jQuery)附加一个新图像，但是它不起作用，我在旧图像旁边附加了一个新图像. 这是jQuery代码

i am trying to remove the div old image and append a new one using last child(jQuery) but it does not work i get a new image appended beside the old one. here is jQuery code

$(function() {

$('.iconWrapper span').click(function(e){
 var kleur=$(this).attr('class');
        switch(kleur){
            case 'color1':
             $("#div1 img:last-child").remove();
             alert($("#div1").html());
               $('#div1').append('<img src="color/color1.jpg">');
            break;
             case 'color2':
             $("#div1 img:last-child").remove();
               $('#div1').append('<img src="color/color2.jpg">');
             break;
            case 'color3':
             $("#div1 img:last-child").remove();
               $('#div1').append('<img src="color/color3.jpg">');
           break;
        }

        $('#hiddenimg').val(kleur);
    e.preventDefault(); 

 });

html代码::

<?php
error_reporting('E_ALL');
ini_set('display_errors', 1);
session_start();
$img=$_POST['img'];
$_SESSION['img']=$img;
?>
<div class="iconWrapper">
    <ul class="color">
        <li>
            <a href="#" title="Selecteer"><span class="color1"></span></a>                               
        </li>
        <li>
            <a href="#" title="Selecteer "><span class="color2" ></span></a>                               
        </li>
        <li>
            <a href="#" title="Selecteer"><span class="color3"></span></a>                               
        </li>
        <li>
            <a href="#" title="Selecteer"><span class="color4"></span></a>                               
        </li>
    </ul>
</div>

<form method="post" action="step3.php">    
    <div id="div1" >
        <?php if(isset($_SESSION['img'])){
            echo '<img src="' . $_SESSION['img'] . '" >' ;
        } ?>
        <input name="color" type="text" value="" id="hiddenimg" />
        <input name="submit" type="submit" value="Submit" />
    </div>
</form>

推荐答案

您可以尝试使用jQuery:last选择器:

you can try the jQuery :last selector: link

因为您需要以下内容:

$("#div1 img:last").remove();

或更好的版本

$("#div1 img").filter(":last").remove();

我现在不知道要测试，希望这是您的可行解决方案:)

I don't know to test right now, I hope this is your working solution :)

(对不起，我的英语:>)

(Sorry for my english :"> )

这篇关于为什么删除最后一个孩子不起作用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！