Javascript .nextAll不处理动态内容

这是post请求中的代码块。JSON回复存储在“数据”中

var a=data.Data.overview;
var b=data.Data.extras;
//summary
var result='';
result+='<div class="extra-upper-block">';
result+='<h5 class="extra-head"><i class="'+b[0].icon+' extra-head-icons"></i> '+b[0].category+'<i class="fa fa-pencil edit-prof"></i></h5>';
result+='<div class="extra-sub-block">';
if(b[0][0].summary!=null)
result+='<p id="profile-summary" class="extra-sub-block-summary">'+b[0][0].summary+'</p>';
result+='</div>';
result+='</div><hr class="extra-upper-block-separator">';
$('#profile-extras').append(result);

什么都不管用。为什么p没有被选中？我只是在加载动态内容后才执行脚本

这是你应该用的小提琴

事件委派允许您将单个事件侦听器附加到父元素，该事件侦听器将为与选择器匹配的所有子元素触发，无论这些子元素现在存在还是将来添加

编辑

|获取元素的方式是错误的。 试试这个代码

$('.edit-prof').closest("h5").next(".extra-sub-block").find(".extra-sub-block-summary:first").click();

---

应该为此使用委托。@AnoopJoshi您可以进一步解释吗？我想在单击标记时在标记上显式地创建一个单击事件。我不想直接点击标记你能为它创建一把小提琴吗？你能试试这个$（'.edit prof'）.nextAll（'.extra sub block summary:first'）。触发器（“点击”）<代码>$（…）。触发器（“单击”）和

$（…）。单击（）是相等的。
$('.edit-prof').nextAll('.extra-sub-block-summary:first').click();

$('.edit-prof').nextAll('p:first').click();

$('.edit-prof').nextAll('div > .extra-sub-block-summary:first').click();

$(document).on("click",".extra-sub-block-summary:first",function(){

});

$('.edit-prof').closest("h5").next(".extra-sub-block").find(".extra-sub-block-summary:first").click();