jquery - 如何使用 id 更改动态添加元素文本？

Question

我正在动态添加<a></a>元素。

<div id="divbindProjectlist" class="col-sm-3">
    <a class="list-group-item active left-menu-head">Projects List</a>
    <a href="#" class="list-group-item projectList"><span class="project-name">Project 1</span><input type="hidden" class="hidprojectId" value="0.34084661019770524"></a>
    <a href="#" class="list-group-item projectList"><span class="project-name">Project 2</span><input type="hidden" class="hidprojectId" value="0.6971764238216627"></a>
    <a href="#" class="list-group-item projectList"><span class="project-name">Project 3</span><input type="hidden" class="hidprojectId" value="0.29109692149538624"></a>
</div>

使用下面的 jQuery，

if (json.idPartnerProject == "0") {
    $("#divbindProjectlist").append('<a href="#" class="list-group-item projectList" >' 
      + json.ProjectName + '<input type="hidden" class="hidprojectId" value="' 
      + json.idPartnerProject + '" /></a>');
}

在我尝试更新关于 idPartnerProject 的现有项目名称之后id。

if (obj.idPartnerProject == pro.idPartnerProject) {
 //pro.ProjectName
}

这里，如何更新尊重<a></a>中的项目名称元素？

Answer 1

如果你可以将项目名称包裹在一个跨度中，例如

$("#divbindProjectlist").append('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '</span><input type="hidden" class="hidprojectId" value="' + json.idPartnerProject + '" /></a>');

假设只有一个 anchor 标记，您可以这样做

if (obj.idPartnerProject == pro.idPartnerProject) {
  //pro.ProjectName
  $("#divbindProjectlist a:has(input[value='"+json.idPartnerProject +"']) .project-name").html(pro.ProjectName);      
}

如果您有多个 a 标记，则必须保留唯一 ID 或更改选择器以选择正确的标记。