如何从嵌套的 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(){&nbsp; //first way by Attr&nbsp; var dataID = $(".list .Teamlist .Teamcontainer").attr("dataid");&nbsp;&nbsp; console.log(dataID);&nbsp; // second using data, but for this you need to change your attribut to data-id&nbsp; var dataId = $(".list .Teamlist .Teamcontainer.OPEN").data("id");&nbsp;&nbsp; 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&nbsp;ID&nbsp;=&nbsp;$(".list&nbsp;.Teamlist&nbsp;.Teamcontainer").attr("dataid");我希望它有所帮助。