在jQuery中选择前一个元素 - 最接近的不起作用

时间:2013-08-16 14:55:55

标签: jquery html

我正在尝试在jQuery中选择一个元素,但无法成功完成。我尝试了prev,prevall和最接近但没有成功。

基本上,点击表单时,我想更新表单上方的值(在表单多次出现的页面中)。

我尝试在jsfiddle中使用它(一次点击应该返回它上面的值):

http://jsfiddle.net/s7c2f/1/

这就是我要做的事情:

$(".addshowscoreinqtip").click(function() {
    var button = $(this);      
    var curscore = button.closest('.rating-recent-text');
    var currentscore = curscore.html();
    alert(currentscore);

 });

任何帮助表示赞赏!

3 个答案:

答案 0 :(得分:2)

closest选择最接近的匹配父元素,prev选择直接上一个兄弟元素,您可以同时使用它们:

var curscore = button.closest('.tip-content')
                     .prev('.trending-container')
                     .find('.rating-recent-text');

http://jsfiddle.net/sgN4q/

答案 1 :(得分:0)

试试这个

  var curscore = button.closest('.two.columns').find('.rating-recent-text');

DEMO

答案 2 :(得分:0)

在您的情况下,您需要找到共同的父母.columns。例如:

DEMO

 $(".clickhere").click(function() {
    var button = $(this);      
    var curscore = button.closest('.columns').find('.rating-recent-text');
    var currentscore = curscore.html();
    alert(currentscore);
 });