Как получить данные из вложенного div

Question

У меня есть следующий html пример

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

Я пытаюсь получить dataid из teamcontainer, но он продолжает возвращать неопределенный. Это то, что я пытался

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

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

 }

вышеуказанный идентификатор просто возвращает неопределенное. как я могу получить ID = 73592? что я делаю не так

Answer 1

вы можете сделать это двумя способами. сначала используя attr, как Михал ответил выше, и 2, если вы меняете 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"); 

Надеюсь, это поможет.