0

次のhtmlを使用して

<div class="span4">
<h3>Someones Name</h3>
<p><a class=btn href="">Bio</a></p>
</div>

Jquery/javascript を使用して、ユーザーがボタンをクリックすると、ボタンの上のテキストを返すことができますか? ページにこのパターンの html のインスタンスが多数ある場合、ボタンの上の h3 のみを返すことは可能ですか? 各ブロックの唯一の違いは、Somes の名前が変わることです。

例えば

<div class="span4">
<h3>Name1</h3>
<p><a class=btn href="">Bio</a></p>
</div>
<div class="span4">
<h3>Name2</h3>
<p><a class=btn href="">Bio</a></p>
</div>

各 btn クリック/バインド イベントがそれぞれ Name1 と Name2 のみを返すとよいでしょう。

4

3 に答える 3

1

これを試してください（jQueryバージョン）：

$('.btn').on('click', function(e) {
  e.preventDefault();
  var $h3 = $(this).parent().prev();
  alert($h3.text());
  return false;
});

フィドル

于 2013-06-30T05:16:52.443 に答える
1

次のような意味ですか:

$("a.btn").click(function(e) {
   e.preventDefault();
   var h3text = $(this).parents(".span4").find("h3").text();
   alert(h3text);
});

デモ:: jsFiddle

于 2013-06-30T05:17:10.937 に答える
1

closestを使用して親 .span4 にアクセスし、.span4 を見つけますh3。

$('.btn').on('click', function (e) {
    e.preventDefault();// to prevent the default behavior of anchor a click from redirecting.
    alert($(this).closest('.span4').find('h3').text());
});

デモ

于 2013-06-30T05:21:31.273 に答える