2

我有一个 ul 叫：id = listProjectRelated

在文档准备好的 if 条件下，我需要添加 li 元素，其 id 将是：liProfessionalMemberships

如果 ul 元素中不存在 li 项，我想添加它。我怎样才能做到这一点？

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

我需要添加几乎 6 个不同的 li 元素。

4

6 回答 6

4

$('#listProjectRelated li').length应该做的伎俩。

于 2013-02-14T14:11:29.737 回答
1

你的意思是如果id为“liProfessionalMemberships”的元素不存在，那么添加它不是吗？

if (!$('#liProfessionalMemberships').length) {
    // ok to add stuff
}
于 2013-02-14T14:11:32.907 回答
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>");
    }
}
于 2013-02-14T14:11:46.027 回答
0 
 if($('#liProfessionalMemberships').length == 0)
    {
        $('#listProjectRelated').append("<li id='liProfessionalMemberships'>Professional Membership</li>");
    }
于 2013-02-14T14:16:41.587 回答
0

您可以执行以下操作： 

if($("#listProjectRelated #liProfessionalMemberships").length) {
       $("#listProjectRelated ul").append('<li id="liProfessionalMemberships">Professional Membership</li>');
}
于 2013-02-14T14:20:35.093 回答
0

您需要length对象的属性：

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

    if($('#liProfessionalMemberships').length == 0)
    {
        $('#listProjectRelated').append("<li id='liProfessionalMemberships'>Professional Membership</li>");
    }
}
于 2013-02-14T14:11:45.213 回答