0

提案されている現在の解決策は、何らかの理由で空白のアラートを返しています。

jquery モバイルの折りたたみ可能なセットの見出しである h3 タグがあります。その値は、ユーザーが検索した連絡先の名前に動的に設定されています。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');

}

この混乱したコードでは、2 つのボタンが折りたたみ可能オブジェクト内に作成されます。したがって、基本的に、h3内の名前を取得するために、この中に何を入れるかを考えようとしています:

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

2 に答える 2

0

h3タグIDは英字で始まる必要があります

$(document.body).on('click', '.btnInfo', function() {
      //alert h3 contents here
      var $this = $(this),
          h3text = $this.parent().find("h3").text();
      alert(h3text);
});
于 2013-11-14T20:44:21.930 に答える
0

これを使って

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

ボタンは div 内にあるため、これがその div の最初の出現であると#resultdiv仮定しますh3

于 2013-11-14T20:42:05.980 に答える