时间戳

首页 > 解决方案 > 如何从嵌套的 div 中获取数据

javascript - 如何从嵌套的 div 中获取数据

问题描述

我有以下 html 示例

<div class="list">
<div class="Teamlist">
<div class="Teamcontainer OPEN" dataid="73592"><div>
</div>
</div>

我正在尝试从 teamcontainer 获取 dataid，但它一直返回 undefined。这就是我尝试过的

if ($this.hasClass("list") && $this.hasClass("Teamlist") && $this.hasClass("Teamcontainer")) {

                    var ID = $this.parents(".Teamcontainer").attr("dataid");

 }

上面的 id 只是返回 undefined。我如何获得 ID=73592？我究竟做错了什么

标签： javascriptjquery

解决方案

你可以通过两种方式做到这一点。首先使用 attr 作为 Michal 上面回答的第二个，如果你将你的 dataid 更改为 data-id，这里是两个例子。

$(document).ready(function(){
  //first way by Attr

  var dataID = $(".list .Teamlist .Teamcontainer").attr("dataid"); 
  console.log(dataID);


  // second using data, but for this you need to change your attribut to data-id
  var dataId = $(".list .Teamlist .Teamcontainer.OPEN").data("id"); 
  console.log(dataId);

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="list">
<div class="Teamlist">
<div class="Teamcontainer" dataid="73592"><div>
</div>
</div>

<div class="list">
<div class="Teamlist">
<div class="Teamcontainer OPEN" data-id="73592"><div>
</div>
</div>

推荐阅读