javascript - 如何找到最近的类为 'active' 的 li

Question

我正在尝试生成一些 jQuery，它会找到最近的具有类属性的列表项，并在它之后直接插入一些 html？

我有以下内容，但这需要工作.. 它是从点击事件 () 调用的

$('.controls').on('click.add', function()
{               
       $(this).parent().closest('li.active').insertAfter('<p>HTML</p>');
});

任何人都可以提供帮助 - 在这种情况下，我想选择第三个 li(基于最后一个“事件”列表项的类) - 并在其后插入一些简单的 HTML。

<ul class="controls">
  <li class="active"></li>
  <li class="active"></li>
  <li class="active"></li>
  <li class="inactive"></li>
  <li class="inactive"></li>
</ul>
<a href="#" class="add"> Add Prize</a>

Answer 1

“最简单的解决方案是使用 pop，它访问数组中的最后一个元素。

var lastClass = $('div').attr('class').split(' ').pop();

请注意，pop 也会从数组中删除该元素，但由于您没有对它执行任何其他操作，所以这不是问题。”

盗自:jQuery - find last class on the element