IT박스

DIV 내에서 클래스가있는 아이템을 어떻게 선택할 수 있습니까?

itboxs 2020. 6. 28. 19:24
반응형

DIV 내에서 클래스가있는 아이템을 어떻게 선택할 수 있습니까?


다음 HTML이 있습니다.

<div id="mydiv">
  <div class="myclass"></div>
</div>

inside를 선택 div하지만 mydiv컨테이너에 맞는 선택기를 사용할 수 있기를 원합니다 . jQuery로 어떻게 이것을 달성 할 수 있습니까?


시험:

$('#mydiv').find('.myclass');

JS 피들 데모 .

또는:

$('.myclass','#mydiv');

JS 피들 데모 .

또는:

$('#mydiv .myclass');

JS 피들 데모 .

참고 문헌 :


find()설명서 에서 배우는 것이 좋습니다 .

.find () 및 .children () 메서드는 비슷하지만 후자는 DOM 트리 아래로 단일 수준 만 이동한다는 점이 다릅니다.


이 시도

$("#mydiv div.myclass")

CSS 선택기를 적용하는 것과 같은 방식으로 수행합니다. instanse의 경우 할 수있는 일

$("#mydiv > .myclass")

또는

$("#mydiv .myclass")

마지막 클래스는 myclass 내의 myclass를 포함하여 myDiv 내의 모든 myclass와 일치합니다.


클래스 속성이 "myclass"인 모든 요소를 ​​선택하려면

$('#mydiv .myclass');

"myclass"클래스 속성을 가진 div 요소 만 선택하려면 다음을 사용하십시오.

$("div#mydiv div.myclass");

jquery selectors에 대한 자세한 내용은 다음 기사를 참조하십시오.


대신 이것을 시도하십시오 $(".video-divs.focused"). 초점이 맞춰진 비디오 div를 찾고있는 경우 작동합니다.

참고 URL : https://stackoverflow.com/questions/6933763/how-can-i-select-item-with-class-within-a-div

반응형