可重新打开动态生成内容的JQuery ui对话框

我有一个页面，其中包含由Django生成的数量可变的项目，如果这有区别的话，每个项目都有一个使用jQueryUI创建的可打开/可关闭的帮助对话框。但是，目前我无法理解如何在单击相应按钮时仅打开正确的帮助对话框。由于我现在只引用脚本中的类，所以当您单击任何帮助按钮时，它会打开每个帮助对话框。我现在所做的是在页面加载上创建所有对话框，然后只在单击时显示。我认为基于ID显示正确的对话框是有意义的，但我不知道如何将其合并到脚本中

HTML：基于动态生成内容的示例

<li>
    <div class="help_expander"></div>
    <p class="toggled_helptext"><!--Text for the dialog--></p>
    <!--Actual content of the item-->
</li>
<li>
    <div class="help_expander"></div>
    <p class="toggled_helptext"><!--Text for the dialog--></p>
    <!--Actual content of the item-->
</li>

---

对dynamicallay创建的内容使用委托方法，如下所示

$("body").on("click",".help_expander",function() {
        $(".toggled_helptext").dialog('open');
        return false;
    });

更新

或

---

你们有相同的课程。若您只需要一个类，那个么在每个类中添加另一个类，比如firstHelp或SecondHelp。问题是，有任意数量的项，所以我不能只使用单独的手动类和大量重复的javascript。我正在寻找一种自动化的方法。这似乎做了完全相同的事情。我试过了，但它仍然打开了所有对话框。由于所有helptext的类都是相同的，您可以基于这些helptext id吗？现在它们似乎都没有打开任何对话框。。。我可以使帮助文本具有唯一的ID，但我不知道如何将其合并到脚本中。我确实刚刚找到了答案，但我也没有成功地找到最有效的答案。

$("body").on("click",".help_expander",function() {
        $(".toggled_helptext").dialog('open');
        return false;
    });

$("body").on("click",".help_expander",function() {
        $(this).find(".toggled_helptext").dialog('open');
        return false;
    });

$("body").on("click",".help_expander",function() {
        $(this).children(".toggled_helptext").dialog('open');
        return false;
    });