如何从ul列表中删除特定的<li></li>
?
我正在动态添加它...
我需要在用户点击清除时将其删除。我怎么能这样做?
答案 0 :(得分:11)
这取决于你拥有什么以及你要添加什么。假设你最终添加了项目,看起来像这样:
<ul id="list">
<li><a href="#" class="clear">clear</a></li>
<li><a href="#" class="clear">clear</a></li>
<li><a href="#" class="clear">clear</a></li>
</ul>
然后使用remove()
删除单个项目:
$("#list a.clear").click(function() {
$(this).parent().remove();
return false;
});
但如果你有:
<ul id="list">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<a href-"#" id="clear">Clear</a>
并且您希望清除所有这些内容,然后使用empty()
:
$("#clear").click(function() {
$("#list").empty();
return false;
});
答案 1 :(得分:3)
$('li').remove();
将删除所有li元素...我建议您在添加它时给它一个id
属性,以便您知道要删除哪一个,然后专门选择它:
$('#my_li').remove();
答案 2 :(得分:1)
在编写元素id属性时,将唯一值放入其中。然后,您有一个已知的唯一引用点,从该点可以定位该元素以供以后操作。
答案 3 :(得分:0)
public class HoraRangoConverter implements Converter{
@Override
public Object getAsObject(FacesContext context, UIComponent component, String value) {
if(value != null && value.trim().length() > 0) {
try {
DaoHoraRango daohoraRango = new DaoImplHoraRango();
HoraRango cat= daohoraRango.verHoraRango(Integer.parseInt(value));
return cat;
} catch(NumberFormatException e) {
throw new ConverterException(new FacesMessage(FacesMessage.SEVERITY_ERROR, "Conversion Error", "Not a valid Cine."));
}
}
else {
return null;
}
}
@Override
public String getAsString(FacesContext context, UIComponent component, Object value) {
if(value != null) {
return String.valueOf(((HoraRango)value).getIdHoraRango());
}
else {
return null;
}
}