检索动态创建的 h3 标签的值答案

【问题标题】：Retrieve value of dynamically created h3 tag检索动态创建的 h3 标签的值
【发布时间】：2013-11-14 20:37:52
【问题描述】：

建议的当前解决方案由于某种原因返回空白警报。

我有一个 h3 标签，它是 jquery mobile 可折叠集的标题，它的值已动态设置为用户搜索过的联系人的姓名。有没有办法检索 h3 标签的值（联系人姓名）？这将是在按下一个被点击的按钮时，最终它会用联系人凭据填写一个表格，但为了简化事情，我现在只是想让它提醒我联系人的名字，所以我知道我已经检索到h3 标签中的内容。谢谢你的帮助。

for (var i=0; i<contacts.length; i++) {
    $('#srchResults').append("<div id='resultdiv"+i+"' data-role='collapsible'><h3 id = i>"+contacts[i].name.formatted+"</h3>"+"<p>"+'<a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true" class="btnDisguise">'+'Plus'+'</a>'+'<a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-theme="c" data-inline="true" class="btnInfo">'+'Info'+'</a>'+"</p></div>").trigger('create');

}

在那乱七八糟的代码中，在可折叠的内部创建了两个按钮。所以基本上我一直在试图弄清楚在其中放入什么来检索 h3 中的名称：

$(document.body).on('click', '.btnInfo', function() {
    //alert h3 contents here
});

【问题讨论】：

给h3一个唯一的id，然后使用document.getElementById()。
你有<h3 id = i>，也就是说你总是将id设置为字母i，而不是变量i的值。我想到的另一件事是，您使用名称作为键。我认为这不是一个好主意，因为不止一个人可以有完全相同的名字。我总是使用整数，然后我可以在需要时查找该整数的人的姓名。当数据存储在数据库中时，如果您想更改用户名，只需在表中更改一次名称即可。其他所有表都使用其整数标识用户，该整数没有改变。
这让我想起了Falsehoods programmers believe about names

标签： jquery html mobile cordova contacts

【解决方案1】：

您的 h3 标签 ID 需要以字母字符开头

$(document.body).on('click', '.btnInfo', function() {
      //alert h3 contents here
      var $this = $(this),
          h3text = $this.parent().find("h3").text();
      alert(h3text);
});

【讨论】：

@Krishna h3text 已经在 var 中声明了 .. 这就是为什么在我的 之后有一个 comma >first var 声明 $this
我的错，把逗号误认为是分号。
这个解决方案在一定程度上起作用，jquery 似乎有干扰，因为它返回名称和可折叠功能的消息，例如：“John Smith 点击折叠内容”
@siegs 你能设置一个 jsfiddle 或 codepen，这样我们就可以看到你看到的行为被返回了吗？

【解决方案2】：

使用这个

$(document.body).on('click', '.btnInfo', function() {
    var result = $(this).parents('#resultdiv').find('h3').text();
    alert(result);
});

由于按钮位于 div #resultdiv 内，并且假设此 h3 是该 div 中的第一次出现

【讨论】：

这只是出于某种原因返回一个空白警报