홈>
내부 div에서 ID를 얻는 방법. 클래스 컨트롤이있는 많은 div가 있지만 부모 div ID를 얻고 싶습니다. 얻는 방법?
http://jsfiddle.net/cngt2ef6/7/
$(".getid").click(function() {
alert($(this).closest('div').hasClass("control).attr("id"))
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="control" id="spa">
Content
</div>
<div class="control" id="test">
<div class="method">
<a href="#" class="getid">Getid</a>
</div>
</div>
<div class="control" id="awesome">
Content
</div>
- 답변 # 1
- 답변 # 2
와이즈 비즈 외에 -첫 번째 단일 노드 부모를 반환합니다-이미 언급 한
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="control" id="spa"> Content </div> <div class="control" id="test"> <div class="method"> <a href="#" class="getid">Getid</a> </div> </div> <div class="control" id="awesome"> Content </div> Js:
하지만이 경우 요소/클래스/ID가 타겟팅 된 여러 노드를 반환합니다.closest()
의 대안 일뿐입니다 이 경우 시나리오parents()
closest()
$(".getid").click(function() { console.log($(this).parents('.control').attr("id")) })
관련 자료
- javascript - JQuery를 사용하여 동적으로 colspan 값 설정
- linux - 스크립트 내에서 grep 사용
- django - jQuery를 사용하여 입력 필드에 '목록'속성을 어떻게 추가합니까?
- javascript : jQuery val()을 사용하여 양식 데이터 보내기 및 FormData를 사용하여 데이터 보내기
- java - REST Assured를 사용하여 HTTP PUT 호출에 JSON 배열을 넣는 방법은 무엇입니까?
- jQuery 또는 JavaScript를 사용하여 배열에서 데이터 추출
- javascript - jquery를 사용하여 다른 트레이를 확장 할 때 트레이 축소
- html - css - 내부 래퍼가있는 플렉스 박스 사용
- vue.js - vuejs - vuejs의 계산 된 객체 내에서 get 및 set 속성을 사용하면 오류가 표시됨
- javascript - jquery each () 내에서 여러 입력 필드의 합계를 가져옵니다
- python - 함수 내에서 함수 사용
- javascript - jQuery ajax를 사용하여 div에 html 페이지를로드하려고했습니다
- javascript - Div 이름이 고유하지 않을 때 jQuery를 사용하여 Div에서 텍스트 가져 오기
- html - jquery를 사용하여 부모 "li"텍스트 가져 오기
- jQuery를 사용하여 'a href'가 존재하는지 감지
- html - CSS 스크립팅 만 사용하여 부서를 다른 부서로 이동할 수 있습니까?
- python - while 루프 내에서 for 루프 사용
- Angular 9 프로젝트에서 JQuery없이 Bootstrap 4 사용
- rust - for 루프 내에서 정규식 사용
- javascript - jQuery를 사용하여 버튼 목록에서 버튼 하나만 실행
관련 질문
- javascript : 중첩 Ajax 호출 문제
- javascript : jquery는 div를 제거하고 애니메이션으로 다음 항목을 다시 정렬합니다.
- javascript : jquery로 움직이는 이미지 회전하기
- 내 함수가 완료되면 JavaScript(또는 jQuery)로 사용자 정의 이벤트를 시작합니다.
- javascript : URL에서 페이지로 이미지를 가져오는 방법
- javascript : 여러 위치에서 호출할 수 있도록 아래 jQuery code를 함수에 작성하는 방법은 무엇입니까?
- c# : JavaScript에서 경로 매개변수를 얻는 방법은 무엇입니까?
- javascript : 문서 내부 경고가 준비된 후에만 작동하는 트리거
- javascript : alert() 함수의 소스 code
- javascript : JQuery 및 CSS를 사용한 양식 유효성 검사
문제는 다음에서 비롯됩니다 :
<올>와이즈 비즈 첫 번째 부모
closest
를 반환하는 선택기 (여기서는 무엇이 필요하지 않습니다).div
요소에 지정된 클래스가 있는지 여부에 따라 부울을 반환하므로 (귀하의 경우 첫 번째 부모에게는 주어진 클래스hasClass()
가 없습니다. )control
를 사용하는 대신 당신은hasClass()
를 사용해야합니다class
에서 직접 선택기 다음과 같은 방법 :