Question

如何在点击链接时获取<div>的内容

例如：

有两个div代码

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

点击链接后，我需要将内容设为：

这是拳头分区这是第二部分

Answer 1

如果我理解

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

作为旁注，您选择的id属性无效（它们不能以数字开头）

示例小提琴：http://jsfiddle.net/533qX/

修改。只需一个警报

$('a').on('click', function(ev) {
   var text = "";
   ev.preventDefault();
   $($(this).prevAll('div').get().reverse()).each(function() {
     text += $(this).text() + "\n";
   })
   alert(text);
});

Answer 2

function alertDiv(divId){
    $('#click').on('click', function(e){
       alert ($(divId).text());
       e.preventDefault();
    });
}

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

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

Jquery获取div的内容

2 个答案: