Question

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

我有一个h3标记，它是jquery移动可折叠集的标题，其值已动态设置为用户搜索的联系人的名称。有没有办法检索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
});

Answer 1

使用此

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

由于按钮位于div #resultdiv＆amp;假设此h3是该div中第一次出现

Answer 2

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

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

检索动态创建的h3标记的值

2 个答案: