jQuery删除功能不执行任何操作 [英] jQuery remove function not doing anything

问题描述

我的jquery中有一个函数，该函数将在单击链接时追加一个新的select类. 我现在要做的是在用户决定不使用此选择功能的情况下，单击按钮即可删除此类.

I have a function in my jquery that will append a new select class on the click of a link. What I now what to do is remove this class on the click of a button in case a user decides not to use this select function.

我的append函数的工作方式如下:

My append function works like so:

$("#newsublevel").click(function() {
        $(".navoptions").append('<br/><select class="hello"><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option></select><a href="#" class="remove">Remove</a>');
    });

我的删除功能上有此功能，但这根本不起作用:

I have this on my remove function however this is not working at all:

$(".remove").click(function() {
        $(".hello").remove();
    });

如何有效删除超链接所指的选择框?我已经尝试过两种不同的方法来消除这种情况，但没有成功，有什么主意吗?

How can I effectively remove the select box that the hyperlink is referring to? I've tried about two different ways to remove this without success, any ideas?

add.html

<div class="maincontent">
<h2 class="sitemaphead">Sitemap</h2>
<p>Add a sub level to About.</a></p>
<div class="navoptions">
<select>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
</select>
</div>
<p id=""><a href="#" id="newsublevel">Click here</a> to add another sub level</p>

</div>  

推荐答案

尝试 .on()

$(".navoptions").on('click','.remove',function() {
     $(".hello").remove();
});

这篇关于jQuery删除功能不执行任何操作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！