jQuery 添加 padding-right 与子元素的宽度

Question

我需要添加带有子元素宽度的 padding-right css。我认为应该这样做:

jQuery

$('.parent_element').css('padding-right', $(this).children('.child_element').width() + 'px');

HTML

<a href="#" class="parent_element"><i class="fa"></i> Example <span class="child_element">101</span></a>

但它不会将此 css 添加到父元素。

Answer 1

您可以使用函数 second argument

$('.parent_element').css('padding-right', function () {
  return $(this).children('.child_element').width() + 'px';
});

Example