通过它的数据属性为每个设置DIV高度

时间:2015-03-28 14:34:38

标签: javascript jquery

我试图遍历每个具有一类块的div,并根据它的数据属性 data-height

HTML

<div class="block" data-height="300"></div>
<div class="block" data-height="500"></div>
<div class="block" data-height="700"></div>

的jQuery

$('.block').each(function(){ 
    var size = $this.attr('data-height');
    $(this).height(size);
});
JS小提琴 http://jsfiddle.net/MLnBY/166/

我在每个方法中都没有返回高度,因此没有为每个方法设置高度。

3 个答案:

答案 0 :(得分:4)

问题出在$this;将其替换为$(this)

var size = $(this).attr('data-height');

答案 1 :(得分:2)

你在$(this)

的JS的第二行忘记了()

答案 2 :(得分:1)

嘿,你可以使用像这样的纯JavaScript来做到这一点:

var size = this.getAttribute('data-height');