Javascript 保存id´;所选元素的´;s
嘿,我这里有一个小清单:Javascript 保存id´;所选元素的´;s,javascript,jquery,select,Javascript,Jquery,Select,嘿,我这里有一个小清单: <ul id="selectable"> <li id='id.00'></li> <li id='id.10'></li> <li id='id.20'></li> <li id='id.30'></li> <li id='id.40'></li> <li id='id.50'></li> <li id='i
<ul id="selectable">
<li id='id.00'></li>
<li id='id.10'></li>
<li id='id.20'></li>
<li id='id.30'></li>
<li id='id.40'></li>
<li id='id.50'></li>
<li id='id.60'></li>
<li id='id.70'></li>
<li id='id.80'></li>
<li id='id.90'></li>
</ul
现在我想使用jquery保存所有选定元素的id:
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $(this).attr('id');
result.append( index );
alert(index);
});
}
});
});
好的,到目前为止很好:
当我选择例如四个列表元素时,它们会被标记,但是:只保存最后一个id。
例如,当我选择此listelement时:
<li id='id.00'></li>
<li id='id.10'></li>
<li id='id.20'></li>
<li id='id.30'></li>
在我的变量“index”中,只有id“id.30”是安全的。
如何让jquery保护所选元素的所有id,而不仅仅是最后一个?你好 试试看
注意:这将返回array
如果要获取字符串,请使用
.join()
在OP的评论后更新 试一试 注意:这将返回
array
如果要获取字符串,请使用
.join()
在OP的评论后更新 试一试 注意:这将返回
array
如果要获取字符串,请使用
.join()
在OP的评论后更新 试一试 注意:这将返回
array
如果要获取字符串,请使用
.join()
在OP的评论后更新
为什么要用ID来做索引呢?如果您不想为您的业务逻辑提供一个真实的数据模型来支持您对列表的表示,您可以使用DOM方法来查找元素的索引,而不是保存顺序id,这永远都不好。在“id”值中使用“.”是有问题的。@lonesomeday。。。当您选择多个listelement时,只有最后一个id是安全的。您为什么要对这样的索引使用id?如果您不想为您的业务逻辑提供一个真实的数据模型来支持您对列表的表示,您可以使用DOM方法来查找元素的索引,而不是保存顺序id,这永远都不好。在“id”值中使用“.”是有问题的。@lonesomeday。。。当您选择多个listelement时,只有最后一个id是安全的。您为什么要对这样的索引使用id?如果您不想为您的业务逻辑提供一个真实的数据模型来支持您对列表的表示,您可以使用DOM方法来查找元素的索引,而不是保存顺序id,这永远都不好。在“id”值中使用“.”是有问题的。@lonesomeday。。。当您选择多个listelement时,只有最后一个id是安全的。您为什么要对这样的索引使用id?如果您不想为您的业务逻辑提供一个真实的数据模型来支持您对列表的表示,您可以使用DOM方法来查找元素的索引,而不是保存顺序id,这永远都不好。在“id”值中使用“.”是有问题的。@lonesomeday。。。当您选择多个listelement时,只有最后一个id是安全的感谢加入此问题,我尝试过:但我无法得到结果,您知道为什么吗?greetings@user2999787欢迎乐于帮助:)谢谢你加入这个问题,我试过了:但是我没有结果,你知道为什么吗?greetings@user2999787欢迎乐于帮助:)谢谢你加入这个问题,我试过了:但是我没有结果,你知道为什么吗?greetings@user2999787欢迎乐于帮助:)谢谢你加入这个问题,我试过了:但是我没有结果,你知道为什么吗?greetings@user2999787欢迎乐意帮忙:)
<li id='id.00'></li>
<li id='id.10'></li>
<li id='id.20'></li>
<li id='id.30'></li>
var result = $(".ui-selected", this).map(function () {
return this.id;
}).get();
var result = $(".ui-selected", this).map(function () {
return this.id;
}).get().join(',');
$(function () {
$("#selectable").selectable({
stop: function () {
var result = $(".ui-selected", this).map(function () {
return this.id;
}).get().join(',');
$('#select-result').html(result);
}
});
});