2012-07-31 53 views
0

我怎样才能得到一个<div>内容的内容时,点击一个链接jQuery来得到一个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> 

当链接点击,我需要得到的内容如下:

这是拳头Div
这是第二个div

回答

3

如果我很好理解

$('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); 
}); 
+0

喜其不工作u能请给我的jsfiddle – 2012-07-31 12:44:39

+0

一个演示中,我需要定义脚本中的DIV ID,我需要获得所有在一个警报是可能的 – 2012-07-31 12:49:17

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

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

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

+0

主要帖子链接是这个http://stackoverflow.com/questions/11734448/a-button-to-add-a-product-to-a-cart我需要一个按钮来添加该产品到购物车你可以帮助我吗? – 2012-07-31 12:52:56