我正在为我的网站创建一个站点地图功能,我有一个功能,它附加一个新的选择框,其中有多个选项,我有一个删除功能,它将删除选择框。
好吧,我说删除选择框,但它实际上所做的是删除所有创建的选择框,但是我希望它以与其相关的选择框为目标。
我相信实现这一点的一种方法是为选择框元素分配一个不同的类,有人知道我该怎么做吗?
或者任何人都可以推荐一种更好的方法来处理这个问题?
我到目前为止的代码如下,或者查看我的jsFiddle
$("#newsublevel").click(function() {
$(".navoptions").append('<br/><select class="newoption"><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>');
});
$(".navoptions").on('click','.remove',function() {
$(".newoption, .remove").remove();
});
添加.html
<div class="maincontent">
<h2 class="sitemaphead">Sitemap</h2>
<p>Add a sub level to About.</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>