Как получить идентификатор div используя jquery?

Question

{"__reactInternalInstance$scd8ef5s9":{"tag":5,"key":null,"elementType":"div","type":"div","stateNode":"~","return":{"tag":5,"key":null,"elementType":"div","type":"div","stateNode":{"__reactInternalInstance$scd8ef5s9":"~__reactInternalInstance$scd8ef5s9~return","__reactEventHandlers$scd8ef5s9":{"id":0,"style":{"position":"absolute","zIndex":0,"display":"flex","justifyContent":"center","alignItems":"center","width":100,"height":100,"backgroundColor":"white"},"className":"box resizable","children":[{"type":"div","key":null,"ref":null,"props": "props..." ......

console.log(CircularJSON.stringify($(this).find("div")[0]));

Печатает.

Вот это html:

  <div
    className="myClass"
  >
    <div
      className="resizerClass"
      id="tomatoes"
       >
        <div className="resizers">
        </div>
      </div>
      <div className="resizers"></div>
  </div>

Мне нужен id os resizerClass div? как получить?

Answer 1

Если вы хотите найти ID по jQuery в качестве атрибутов HTML (className), тогда вы можете определить атрибут в квадратных скобках, например $('[className="resizerClass"]'), и получить значение других атрибутов, например attr('id').

$(document).ready(function(){
  var getId = $('[className="resizerClass"]').attr('id');
  console.log('id='+getId);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div className="myClass">
  <div className="resizerClass" id="tomatoes">
    <div className="resizers"></div>
  </div>
  <div className="resizers"></div>
</div>