jquery - 在 jQuery 中选择上一个元素 - 最接近的不工作

Question

我正在尝试在 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);

 });

任何帮助表示赞赏！

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');

演示

Answer 3

在你的情况下，你需要去找共同的父母.columns。例如：

演示

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