0

<div>リンクをクリックしたときにの内容を取得するにはどうすればよいですか?

例:

2つのdivタグがあります

<div id="1" > This Is First Div </div>
<div id="2" > This Is Second Div </div>
<a href="#" id="click" >Click Here</a>

リンクをクリックすると、次のようにコンテンツを取得する必要があります。

これは最初のDiv
ですこれは2番目のDivです

4

2 に答える 2

3

私がよく理解していれば

$('a').on('click', function(ev) {
   ev.preventDefault();
   $($(this).prevAll('div').get().reverse()).each(function() {
     alert ($(this).text())
   })
});

補足として、id選択した属性は無効です(数字で始めることはできません)

フィドルの例:http://jsfiddle.net/533qX/

編集。1つのアラートで

$('a').on('click', function(ev) {
   var text = "";
   ev.preventDefault();
   $($(this).prevAll('div').get().reverse()).each(function() {
     text += $(this).text() + "\n";
   })
   alert(text);
});
于 2012-07-31T12:39:59.313 に答える
3
function alertDiv(divId){
    $('#click').on('click', function(e){
       alert ($(divId).text());
       e.preventDefault();
    });
}

alertDiv('#one');
alertDiv('#two');

http://jsbin.com/ebowim/2/edit

于 2012-07-31T12:51:15.987 に答える