javascript - 选择并显示特定数据值JQuery

Question

所以我有一个页面，其中包含一些 div，它们都具有数据排名值。

<div class="game-play-rank" data-rank"1"></div>
<div class="game-play-rank" data-rank"2"></div>
<div class="game-play-rank" data-rank"3"></div>
etc...

在我的js中，我有一个代表一个人得分的变量。我只想显示最接近(但高于)人员得分的数据排名值。

例如

<div class="game-play-rank" data-rank"4"></div>
<div class="game-play-rank" data-rank"7"></div>
<div class="game-play-rank" data-rank"10"></div>

<script>
var score = 4;
</script>

我想做类似的事情

$current = null;
$(".game-play-rank").each(function() {
    if(this.data("rank") > score && this.data("rank") < current.data("rank"))
        $current = this;
});

但我认为执行每个循环都会使“this”成为 HTML，并且我无法对其执行 JQuery .data() 函数。我应该如何处理这个问题？

Answer 1

你必须使用 jQuery 选择器来调用它，否则它不是一个 jQuery 对象，这就是无法调用 data 属性的原因

试试这个:

var current = null;
$(".game-play-rank").each(function() {
if($(this).data("rank") > score && $(this).data("rank") < current.data("rank"))
    current = $(this).data('rank');
});