如何从ul列表中的第一个li获取ID

用户名

我正在尝试使用Javascript和Jquery从我从列表生成的数组中获取ul列表的id值,该数组的值为lis,但我无法获取我尝试使用.innerHTML的id值,但是输出整个事情,而不仅仅是ID?.value不输出任何内容,.id也不输出任何内容。我应该怎么做才能从数组lis获取ID。代码在下面

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Sortable - Default functionality</title>

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

  <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
  </style>
  <script>
  $(function() {
    $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
});

  </script>
</head>
<body>

<ul id="sortable" class="dummy" >
  <li class="ui-state-default" value="aa" ><span class="ui-icon ui-icon-arrowthick-2-n-s" id="1a" ></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="2b" ></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="3c" ></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="4d" ></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="5e" ></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="6f" ></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s" id="7g" ></span>Item 7</li>
</ul>
 <script>
var theObject = document.getElementById("sortable");
var lis = theObject.children;
alert(lis[0].innerHTML.value);
</script>

</body>
</html>
托马斯·容克

给定这个清单

<ul>
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
</ul>    

您可以使用以下代码获取所有的ID <li>

map=Function.prototype.call.bind([].map)
list=document.querySelectorAll("li");
ids=(map(list, function(x){return x.id;}))

这是小提琴演奏。参阅MDN文档Array.map()

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何定位内部ul的第一个li?

来自分类Dev

如何获取列表中的第一个标签?

来自分类Dev

如何将 li 项附加到给定 id 的第一个 ul

来自分类Dev

仅在第一个ul内获取第一个li的第一个锚点

来自分类Dev

仅在第一个ul内获取第一个li的第一个锚点

来自分类Dev

获取所单击的li中的第一个div的ID

来自分类Dev

用jQuery仅选择第一个ul中的最后一个li

来自分类Dev

当其他li设置为ul时,如何从ul设置为inline-block的ul中的第一个li元素中删除边距

来自分类Dev

当其他li设置为ul时,如何从ul设置为inline-block的ul的第一个li元素中删除边距

来自分类Dev

如何选择无序列表中的第一个 <li>?

来自分类Dev

如何获取python列表第一个元素ID

来自分类Dev

如何从Selenium Java中的json列表中获取第一个元素?

来自分类Dev

如何在Python中以具体方式从键列表中获取第一个值?

来自分类Dev

为什么<ul>中的样式仅影响第一个<li>?

来自分类Dev

JavaScript无法将焦点设置为ul中的第一个li元素

来自分类Dev

如何获取列表中的第一个非空项目

来自分类Dev

如何获取二维列表中的每个第一个元素

来自分类Dev

如何在shell列表中获取每个参数的第一个参数

来自分类Dev

我如何获取数组的返回列表中的第一个索引的值

来自分类Dev

如何获取python列表中的第一个元素并检查它是否为None?

来自分类Dev

如何访问列表中的第一个值?

来自分类Dev

如何在rails find方法中获取第一个类别ID

来自分类Dev

如何从 INSERT 查询中获取第一个 id

来自分类Dev

如何定位行中的第一个ID

来自分类Dev

通过Jquery UI Sortable对列表进行排序后,从列表中获取第一个ID

来自分类Dev

计算ul中的所有第一个列表项

来自分类Dev

如何在ul(无序列表)中查找下一个li(列表项)的ID

来自分类Dev

获取第一个li Simple DOM Parser

来自分类Dev

如何从Firebase集合中获取第一个文档ID,该ID不等于给定的ID?

Related 相关文章

  1. 1

    如何定位内部ul的第一个li?

  2. 2

    如何获取列表中的第一个标签?

  3. 3

    如何将 li 项附加到给定 id 的第一个 ul

  4. 4

    仅在第一个ul内获取第一个li的第一个锚点

  5. 5

    仅在第一个ul内获取第一个li的第一个锚点

  6. 6

    获取所单击的li中的第一个div的ID

  7. 7

    用jQuery仅选择第一个ul中的最后一个li

  8. 8

    当其他li设置为ul时,如何从ul设置为inline-block的ul中的第一个li元素中删除边距

  9. 9

    当其他li设置为ul时,如何从ul设置为inline-block的ul的第一个li元素中删除边距

  10. 10

    如何选择无序列表中的第一个 <li>?

  11. 11

    如何获取python列表第一个元素ID

  12. 12

    如何从Selenium Java中的json列表中获取第一个元素?

  13. 13

    如何在Python中以具体方式从键列表中获取第一个值?

  14. 14

    为什么<ul>中的样式仅影响第一个<li>?

  15. 15

    JavaScript无法将焦点设置为ul中的第一个li元素

  16. 16

    如何获取列表中的第一个非空项目

  17. 17

    如何获取二维列表中的每个第一个元素

  18. 18

    如何在shell列表中获取每个参数的第一个参数

  19. 19

    我如何获取数组的返回列表中的第一个索引的值

  20. 20

    如何获取python列表中的第一个元素并检查它是否为None?

  21. 21

    如何访问列表中的第一个值?

  22. 22

    如何在rails find方法中获取第一个类别ID

  23. 23

    如何从 INSERT 查询中获取第一个 id

  24. 24

    如何定位行中的第一个ID

  25. 25

    通过Jquery UI Sortable对列表进行排序后,从列表中获取第一个ID

  26. 26

    计算ul中的所有第一个列表项

  27. 27

    如何在ul(无序列表)中查找下一个li(列表项)的ID

  28. 28

    获取第一个li Simple DOM Parser

  29. 29

    如何从Firebase集合中获取第一个文档ID,该ID不等于给定的ID?

热门标签

归档