javascript - 如何使用 JavaScript 在 HTML 中查找最后一个 ID

标签 javascript html

我的 javascript 有问题,我需要在我的 html 文档中找到 div 的最后一个 ID。我可以通过查看它来找到它,但我希望它在 JavaScript 中是自动的。

<body>
  <div id="start">
    <div id="1">Text</div>
    <div id="2">Text</div>
    <div id="3">Text</div>
    <div id="4">Text</div>
    <div id="5">Text</div>
    <div id="6">Text</div>
  </div>
</body>

JavaScript:

 function setCookie() {
    document.cookie = '1';
 }

 function startPage() {

     var cookieValueInt = parseInt(document.cookie);
     var secondPage = cookieValueInt + 1;
     document.getElementById(document.cookie).style.visibility = 'visible';
     document.getElementById(secondPage).style.visibility = 'visible';
     if (cookieValueInt == 1) {
         document.getElementById('leftarrow').style.visibility = 'hidden';
     }

 }

 function nextPage() {
     var cookieValueInt = parseInt(document.cookie);
     var secondPage = cookieValueInt + 1;
     var newCookieValue = cookieValueInt + 2;
     document.getElementById(document.cookie).style.visibility = 'hidden';
     document.getElementById(secondPage).style.visibility = 'hidden';
     document.getElementById(newCookieValue).style.visibility = 'visible';
     document.getElementById(newCookieValue + 1).style.visibility = 'visible';
     document.getElementById('leftarrow').style.visibility = 'visible';
     document.cookie = newCookieValue;


 }

 function previousPage() {
     var cookieValueInt = parseInt(document.cookie);
     var secondPage = cookieValueInt + 1;
     var newCookieValue = cookieValueInt - 2;

     document.getElementById(document.cookie).style.visibility = 'hidden';
     document.getElementById(secondPage).style.visibility = 'hidden';
     document.getElementById(newCookieValue).style.visibility = 'visible';
     document.getElementById(newCookieValue + 1).style.visibility = 'visible';
     document.cookie = newCookieValue;
     cookieValueInt = parseInt(document.cookie);
     if (cookieValueInt == 1) {
         document.getElementById('leftarrow').style.visibility = 'hidden';
     }
 }

最佳答案

您可以尝试使用 jQuery 并使用以下代码:

$(document).ready(function(){

      var attrId = $('#start').children('div:last-child').attr('id');

 });

此外,请注意您的 HTML 无效,因为您缺少结束 div 标记中的 <。

关于javascript - 如何使用 JavaScript 在 HTML 中查找最后一个 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15251178/

相关文章:

html - 如何使用 awk 脚本填充 html 数组?

javascript - 是什么导致无法检测到纯 JavaScript 中的 HTML 元素底部的滚动?

html - 纯 CSS 自定义单选按钮(全宽)

html - 如何避免重复是css?

javascript - Facebook API - 使用 JSSDK 登录在后端使用 php sdk

javascript - ng2 文件上传不允许我在将其从 que 中删除后添加相同的文档

javascript - 为什么这个 fs.readFile 循环不将其结果推送到我的数组?

javascript - 使用从顶部滑动的文本更新按钮文本

javascript - 从 Google Maps Javascript 中删除标记

javascript - 使消息返回所有数据库行