javascript - 如何使用jquery获取div的id？

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

如果您想通过jQuery查找ID作为您的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>