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

Question

我有以下 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？我究竟做错了什么

Answer 1

你可以通过两种方式做到这一点。首先使用 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>

Answer 2

只需像这样使用 jquery 选择器：

var ID = $(".list .Teamlist .Teamcontainer").attr("dataid");

我希望它有所帮助。