下拉& # 39;ul # 39;& # 39;李# 39;在附加值之后获取最后一个值
Dropdown 'ul' 'li' getting last value after append values
在附加值之后获取最后值有问题。
例子:
alert($('#ulscroller li:last-child').last().val());
$('#ulscroller li:last-child').append('<li value="21">21</li><li value="22">22</li><li value="23">23</li>');
alert($('#ulscroller li').last().val());
$('#ulscroller li:last-child').append('<li value="24">24</li><li value="25">25</li><li value="26">26</li>');
alert($('#ulscroller li').last().val());
预警结果:
20
23
25
问题在结果中。2倍24,25,26
检查这个提琴:http://jsfiddle.net/f5v6R/171/
有人知道怎么解决它吗?
谢谢。
详细说明一下你的问题:
你是这样开始的:
<ul id="ulscroller">
<li value="1" class="selected">1</li>
<li value="2">2</li>
...
<li value="19">19</li>
<li value="20">20</li>
</ul>
,你想添加一些额外的<li>
元素来得到这个:
<ul id="ulscroller">
<li value="1" class="selected">1</li>
<li value="2">2</li>
...
<li value="19">19</li>
<li value="20">20</li>
<li value="21">21</li>
<li value="22">22</li>
<li value="23">23</li>
<li value="24">24</li>
<li value="25">25</li>
<li value="26">26</li>
</ul>
使用$('#ulscroller li:last-child')
选择列表中的最后一个<li>
,但使用.append()
然后将这些新的<li>
元素添加到最后一个<li>
中,因此,在第一个追加之后,您最终得到
<ul id="ulscroller">
<li value="1" class="selected">1</li>
<li value="2">2</li>
...
<li value="19">19</li>
<li value="20">20
<li value="21">21</li>
<li value="22">22</li>
<li value="23">23</li>
</li>
</ul>
现在使用$('#ulscroller li:last-child')
将最终选择两个不同的<li>
元素:
<li value="20">20
<li value="21">21</li>
<li value="22">22</li>
<li value="23">23</li>
</li>
和
<li value="23">23</li>
第二个append
然后将新的<li>
元素插入到中的中,导致重复的24 25 26。通过使用.after()
而不是.append()
,新的<li>
被添加到与其他<li>
相同的级别,因此只有一个列表,$('#ulscroller li:last-child')
将只返回一个选定的元素。@Tamil Selvan的评论在这种情况下会给出相同的结果,因为$('#ulscroller').append
总是在<ul>
相关文章:
- 如何从多个复选框中获取最后一个值
- 使用querySelector()获取最后一个td元素
- 获取最后一个返回值
- 如何使用javascript获取最后一个全天时间戳
- jQuery UI Slider ui.value 获取最后一个数字
- 在订购后获取最后一个ng重复项'd
- 如何从节流函数中获取最后一个值
- 如何在文本区域中获取最后一个单词的位置
- 如何使用jquery获取最后一个字符
- 获取最后一个 JavaScript 错误
- 从本地存储中获取最后一个变量(按时间)
- 如何使用 jquery 事件委托时获取最后一个事件
- 只获取最后一个匹配项?.match(word)
- 正则表达式,用于从 TitleCase(驼峰大小写)获取最后一个单词
- MongoDB获取最后一个元素不能在node.js上正常工作
- 打开的模型框从列表中获取最后一个值
- 用于获取最后一个方括号 () 之间的文本的正则表达式
- JavaScript 获取最后一个重复值索引 JavaScript
- jQuery 在编辑 DOM 后获取最后一个元素
- 如何在 jQuery 中获取最后一个可见元素