Jquery 附加到倒数第二个li
好的,我有这个Jquery 附加到倒数第二个li,jquery,Jquery,好的,我有这个HTML结构,我需要在test3之后继续添加一个新的li,等等……就在表单li之前。我知道如何在jquery中执行追加逻辑,但我如何隔离并确保我可以继续这样做……也许可以使用live函数 <td class="resources_present"> <ul> <li><a href="http://test.com">http://test.com</a></li> <li><
HTML
结构,我需要在test3之后继续添加一个新的li
,等等……就在表单li
之前。我知道如何在jquery
中执行追加逻辑,但我如何隔离并确保我可以继续这样做……也许可以使用live函数
<td class="resources_present">
<ul>
<li><a href="http://test.com">http://test.com</a></li>
<li><a href="http://test2.com">http://test2.com</a></li>
<li><a href="http://tes3.com">http://test3.com</a></li>
<li><form method="post" id="new_resource" class="new_resource" action="/resources" accept-charset="UTF-8"><div style="margin: 0pt; padding: 0pt; display: inline;"><input type="hidden" value="✓" name="utf8"><input type="hidden" value="BEeMlTtPiMi8mv/whQ2z757CTTOnNl0oiPpN3WdqSBg=" name="authenticity_token"></div>
<div class="field">
<input type="text" size="30" name="resource[url]" id="resource_url">
<input type="hidden" value="5" name="resource[course_id]" id="resource_course_id">
</div>
<div class="actions">
<input type="submit" value="Create" name="commit" id="resource_submit" style="display: inline;">
<img class="noShow" src="/images/spinner.gif" style="display: none;">
</div>
</form></li>
</ul>
</td>
-
基本上,我需要找到选择器来添加以下内容:
<li><a href="http://test4.com">http://test4.com</a></li> // after the
<li><a href="http://test3.com">http://test3.com</a></li> // and continue to do that with 5, 6 , 7, and so on
//在
//然后用5、6、7等继续这样做
有很多方法可以做到这一点。这里有一个:
$('li:last').prev();
并加上:
$('li:last').prev().after('<li><a href="http://test4.com">http://test4.com</a></li>');
$('li:last').prev()。在('li>'之后);
$(“#您的选择器ID li”)。eq(-2)
应该可以做到这一点
编辑
假设您至少有2个
已经存在(其中一个是表单)您应该为此使用.after()
函数
为test3提供一个类或id,以便像这样轻松找到它:
<li id="insertafter"><a href="http://test3.com">http://test3.com</a></li>
然后用这个:
$('#insertafter').after('<li><a href="http://test4.com">http://test4.com</a></li>');
$('#insertafter')。在('')之后;
在格式良好的HTML中,li的prev元素应该是li,不是吗?(除非列表只有1个元素,这不是示例HTML)Cool不知道eq()可以使用负值