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

Question

我试图在jQuery中选择一个元素，但无法成功。我尝试了prev、prewall和最接近，但没有成功。

基本上，当单击表单时，我希望更新表单上方的值（在表单将多次出现的页面中）。

我试着让它在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);
 });

感谢您的帮助！

Answer 1

closest选择最匹配的父元素，prev选择直接上一个同级元素，您可以同时使用这两个元素：

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

http://jsfiddle.net/sgN4q/

Answer 2

试试这个

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

DEMO

Answer 3

在您的情况下，您需要转到公共父级.columns。例如：

演示

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