检查ul中是否存在li

时间:2013-02-14 14:09:44

标签: jquery

我有一个ul:id = listProjectRelated

在文档就绪的if条件中,我需要添加其id为liProfessionalMemberships

的li元素

如果在ul元素中不存在li项,我想添加它。我怎么能这样做?

 if ($('#hdnValueProMembershipSoid').val() != "0") {
     btnAddMore.show();
     $('#listProjectRelated').empty();
     $('#listProjectRelated').append("<li id='liProfessionalMemberships'>Professional Membership</li>");
 }

我需要添加近6种不同的li元素。

6 个答案:

答案 0 :(得分:4)

$('#listProjectRelated li').length应该可以解决问题。

答案 1 :(得分:1)

你的意思是,如果id“liProfessionalMemberships”中的元素不存在,那么添加它不是吗?

if (!$('#liProfessionalMemberships').length) {
    // ok to add stuff
}

答案 2 :(得分:1)

检查$("#liProfessionalMemberships").length是否为0.如果是,则将li添加到页面。

如果您有多个列表项,可以将它们放在一个列表中,其中包含各自的ID和标题(可见文本):

var lis = [
     {id: "liProfessionalMemberships", title: "Professional Membership"},
     {id: "...", title: "..."}
];

for (var i=0;i<lis.length;i++)
{
    var li = lis[i];
    if ($("#" + li.id).length === 0)
    {
        $('#listProjectRelated').append("<li id='" + li.id + "'>" + li.title + "</li>");
    }
}

答案 3 :(得分:0)

您需要对象的length属性:

if($('#hdnValueProMembershipSoid').val() != "0") 
{
    btnAddMore.show();
    $('#listProjectRelated').empty();

    if($('#liProfessionalMemberships').length == 0)
    {
        $('#listProjectRelated').append("<li id='liProfessionalMemberships'>Professional Membership</li>");
    }
}

答案 4 :(得分:0)

 if($('#liProfessionalMemberships').length == 0)
    {
        $('#listProjectRelated').append("<li id='liProfessionalMemberships'>Professional Membership</li>");
    }

答案 5 :(得分:0)

您可以执行以下操作:

if($("#listProjectRelated #liProfessionalMemberships").length) {
       $("#listProjectRelated ul").append('<li id="liProfessionalMemberships">Professional Membership</li>');
}