Question

如何使用jquery动态地将相同的span类添加到li元素 <li class="efficiency"><span class="green">44.525</span></li>

所以我最终可以

<li class="efficiency green"><span class="green">44.525</span></li>

我试试

$('.green').parent().css('background', 'red')

但不起作用感谢

Answer 1

如何在li元素中添加相同的span类动态地使用jquery

您需要使用addClass()

$('.green').parent().addClass('green');

Answer 2

$('span').parent().addClass('green');
// Or
$('.green').parent().addClass('green');
//Or
$('li').addClass('green');
//Or
$('li').parent().addClass($('span').attr('class').eq(0));

Answer 3

我认为这就是你想要的

$('span').parent().addClass($('span').attr('class'));

Answer 4

如果我理解正确，您希望将每个span元素的类添加到其父元素中li元素的子元素。

执行此操作的最简单方法将是：

$('li > span').each(function(){
  $(this)
    .parent()
    .addClass(
       $(this).attr('class')
    );
});

使用此代码，以下html：

<li class="efficiency"><span class="green">44.525</span></li>
<li class="efficiency"><span class="red">44.525</span></li>

将成为：

<li class="efficiency green"><span class="green">44.525</span></li>
<li class="efficiency red"><span class="red">44.525</span></li>

您可以将选择器指定为：

// Select by the 'efficiency' class
$('li.efficiency > span')

// Or select by the 'green' class of the child 'span' element
$('li > span.green')

使用jquery将类从span添加到li

4 个答案: