如何从ul中删除<li> </li>?

时间:2009-11-02 06:45:53

标签: javascript jquery

如何从ul列表中删除特定的<li></li>? 我正在动态添加它... 我需要在用户点击清除时将其删除。我怎么能这样做?

4 个答案:

答案 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;
    }
}