JQuery 删除节点下子元素中的最后一个元素

JQuery 删除节点下子元素的最后一个

页面代码结构如下：

<div class="hd">
   <ul id="recommend_news_slide_dot">
    <li class="on">1</li>
    <li class="">2</li>
    <li class="">3</li>
    <li class="">4</li>
 </ul>
</div>

需求：删除子元素最后一个li。

代码：

$("#recommend_news_slide_dot").children().last().remove();