<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です
<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です
私がよく理解していれば
$('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);
});
function alertDiv(divId){
$('#click').on('click', function(e){
alert ($(divId).text());
e.preventDefault();
});
}
alertDiv('#one');
alertDiv('#two');