jQuery如何删除每个元素

jQuery如何通过单击蓝色、黄色、红色链接分别删除每个元素

不幸的是，find函数无法在整个树dom中移动

项目在：

HTML标记：

<div class="view-products">
    <div class="view-header">
        <div class="reset_pol">
<a class="blue_" href="#">Blue</a><a class="yellow_" href="#">yellow</a><a class="red_" href="#">Red</a>
        </div>
    </div>

    <div class="view-content">
        <div class="jcarousel-container jcarousel-container-horizontal jcarousel-navigation-after" style="position: relative; display: block;">
            <div class="jcarousel-clip jcarousel-clip-horizontal">
                <ul class="jcarousel jcarousel-view--listaoferowanychproduktow--block jcarousel-dom-1 jcarousel-processed jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 3286px;">
                    <li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1" style="float: left; list-style: none;">
                        <div class="views-field views-field-field-kategoria">
                            <div class="field-content">
                                <div class="blue">
                                    content
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="even jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2" style="float: left; list-style: none;">
                        <div class="views-field views-field-field-kategoria">
                            <div class="field-content">
                                <div class="yellow">
                                    content
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3" style="float: left; list-style: none;">
                        <div class="views-field views-field-field-kategoria">
                            <div class="field-content">
                                <div class="red">
                                    content
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="even jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" jcarouselindex="4" style="float: left; list-style: none;">
                        <div class="views-field views-field-field-kategoria">
                            <div class="field-content">
                                <div class="red">
                                content
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>

试试这个：

$('.blue_').click(function(event){
   $('.blue').remove();
}) 

或者这个：

$('.blue_').click(function(event){
      $(this).closest('.view-products').find('.blue').remove();
}) 

您可以执行以下操作：

(function () {
    $('.blue_, .yellow_, .red_').click(function (event) {
        var cls = $(this).attr('class'); // Get the class name
        cls = cls.substring(0, cls.length - 1); // Remove `_` from the class name
        $('.' + cls).remove(); // Remove the element with the class name of clicked anchor without _
    })
}());

---

由于还不完全清楚您想要什么，请查看此代码并告诉我这是否与您想要的接近（另请参见此）：

$（'.blue'）。单击（函数（事件）{
开关类（“蓝色”）；
});
$（'.yellow'）。单击（函数（事件）{
开关类（“黄色”）；
});
$（'.red'）。单击（函数（事件）{
开关类（“红色”）；
});
函数开关类（selectedClass）{
变量类=[“红色”、“黄色”、“蓝色”]；
对于（var i=0；i

一些解释：

---

我添加了一个函数来防止代码重复。在函数中，被单击的类保留（或获取）它的原始类（例如蓝色），而其他的类则附加“was_”（例如was_红色）。

需要澄清您试图执行的操作。具体来说，你想删除什么，什么时候删除？我希望每次点击链接都能删除每个类蓝色、黄色、红色。点击后，类成员会自动添加。你想从旋转木马中删除元素，再次点击后，必须再次添加元素吗？您想只删除类、包含类的div还是删除它所在的整个li（carousel元素）？我错了。我可以修改代码吗？单击蓝色类后删除了红色和黄色类。你可以授权我修改代码吗？单击蓝色类后删除了红色和黄色类。我不明白你的意思。你能重新措辞吗？我错了。单击蓝色类后，我是否可以修改删除红色和黄色类的代码？因此，当单击

blue\uu

按钮时，是否要删除所有红色、黄色和蓝色类？单击蓝色时，是否删除红色、黄色类

(function () {
    $('.blue_, .yellow_, .red_').click(function (event) {
        var cls = $(this).attr('class'); // Get the class name
        cls = cls.substring(0, cls.length - 1); // Remove `_` from the class name
        $('.' + cls).remove(); // Remove the element with the class name of clicked anchor without _
    })
}());

$('a').click(function(event){
                   $(this).hide();
            })  

$('.blue_').click(function(event){
   switchClass('blue');
});
$('.yellow_').click(function(event){
   switchClass('yellow');
});
$('.red_').click(function(event){
   switchClass('red');
});
function switchClass(selectedClass) {
    var classes = ['red', 'yellow', 'blue'];
    for(var i = 0; i < classes.length; i++) {
        if (selectedClass == classes[i]) {
            $('.was_'+selectedClass).addClass(selectedClass).removeClass('was_'+selectedClass);
        } else {
            $('.'+classes[i]).addClass('was_'+classes[i]).removeClass(classes[i]);
        }
    }
}