如何将 THIS 关键字用于在 JQUERY 中没有操作的函数

Question

我在表中有许多具有可变宽度的元素，由其各自父级的数据属性指定：百分比=“10”或百分比=“20”等。如何设置每个元素的宽度取决于其父级的数据属性？为了清楚起见，这是我的代码：断续器<td percent="10"><div class="bar"></div></td><td percent="20"><div class="bar"></div></td><td percent="30"><div class="bar"></div></td>爪哇脚本$('.bar').css('width', $(this).parent().attr('percent')+'%');当然，$（this）关键字在这里不起作用，因为它不是在事件中定义的。我怎样才能做到这一点？

Answer 1

使用函数参数执行每个元素的代码。

$('.bar').css('width', function() {

    return $(this).parent().attr('percent')+'%';

});

顺便说一句，您不应该创建非标准属性。如果需要自定义数据，请使用数据属性：

<td data-percent="10"><div class="bar"></div></td>

<td data-percent="20"><div class="bar"></div></td>

<td data-percent="30"><div class="bar"></div></td>

然后使用$(this).parent().data("percent")