Javascript Grails动态访问id元素的呈现内容

AJAX内容是通过表单中的remoteLink函数呈现的，只需一点背景信息即可填充手风琴

函数AttacheMailTest在双击JQuery Accordion小部件的每个段落内容时调用。这就是运行函数时发生的情况…&

是否无法选择段落并从以下段落中获取内容

我已尝试将.val更改为.html和.text。我还尝试了$+testingID

_表1.GSP

_contactListAjax.GSP

没有途径可以探索，我相信我以前做过这样简单的事情，非常好：/

---

请看两个屏幕截图，以获得更好的洞察力，谢谢

好吧，看起来您正在使用jQuery，但看起来您并没有真正相信jQuery方法。如今，将行为与标记相结合并不是一种好的做法，尤其是在使用jQuery这样的库时。我不确定您的确切问题，但我建议将其更改为以下内容：

<g:each in="${contactList}" status = "i" var="contact">
    <h3><a href="#">${contact.contactSurname +',  '+ contact.contactForename}</a></h3>
    <div><p class="contact-email" data-id="${contact.id}">${'Email: '+contact.email}</p></div>
</g:each>

$(function() {
   $("body").on("dblclick", ".contact-email", attachEmail);
});

function attatchEmail(event) {
   var $element = $(event.target);
   var id = $element.data("id");
};

---

这将有助于解决动态渲染的任何问题，因为函数的工作方式。

为什么在函数中有一个文档就绪函数？这只是一个测试，我试图探索任何可能的奇怪情况。我想在我发布之前删除它，我的坏格雷格我相信它现在起作用了，太棒了。。。我只是想再做一次简单的测试。你应该阅读jQuery上的链接，然后你就会明白它是如何工作的。如果它对你不起作用，那就是你做得不对。我有很多这样的代码可以完美地处理动态内容。我提供的javascript不需要每次加载表单时都加载。它只需要加载一次，所以请将它放在应用程序全局的脚本文件中，并且只加载一次。很抱歉，这是我的错误Gregg，我很抱歉。。。我目前正在研究on函数，在学习JQuery和JavaScript的同时，我也在学习这里和那里的一些奇怪的东西。如果我可以这么厚颜无耻的话，我确实有一个简单的问题要问你。。。现在我有了一个联系人的id，我真的想抓取电子邮件地址。所以为了尝试这个，我只使用了id.html；并用警报进行测试，结果为空。。。当它明显存在时，正如您在上面的初始问题的屏幕截图中所看到的，非常困惑：S edit也尝试了+id.html

<g:each in="${contactList}" status = "i" var="contact">
    <h3><a href="#">${contact.contactSurname +',  '+ contact.contactForename}</a></h3>
    <div><p id="contact${contact.id}" ondblclick="attatchEmail(this)">${'Email:  '+contact.email}</p></div>
</g:each>

<g:each in="${contactList}" status = "i" var="contact">
    <h3><a href="#">${contact.contactSurname +',  '+ contact.contactForename}</a></h3>
    <div><p class="contact-email" data-id="${contact.id}">${'Email: '+contact.email}</p></div>
</g:each>

$(function() {
   $("body").on("dblclick", ".contact-email", attachEmail);
});

function attatchEmail(event) {
   var $element = $(event.target);
   var id = $element.data("id");
};