development

jQuery : 클래스 및 입력 유형별로 선택

big-blog 2020. 8. 3. 17:19
반응형

jQuery : 클래스 및 입력 유형별로 선택


특정 입력 유형 (예 : 확인란)과 jQuery를 사용하여 특정 클래스가있는 요소 세트를 선택하고 싶습니다. 그러나 다음을 시도하면

 $("input:checkbox .myClass")

반품 된 상품이 없습니다. jQuery에서 어떻게 이것을 할 수 있습니까?


선택기가 클래스가있는 확인란 요소의 하위 항목을 찾고 .myClass있습니다.

대신 이것을 시도하십시오 :

$("input.myClass:checkbox")

작동 중인지 확인하십시오 .

나는 또한 이것을 테스트했다 :

$("input:checkbox.myClass")

또한 제대로 작동합니다. 겸손한 견해로는 :스타일 선택기가 마지막에 올 것으로 예상하기 때문에이 구문은 실제로 추악하게 보입니다 . 내가 말했듯이 둘 중 하나가 작동합니다.


해당 클래스로 해당 유형의 입력을 얻으려면 다음을 사용하십시오.

$("input.myClass[type=checkbox]")

[] 선택기 구문을 사용하면 모든 요소 속성을 확인할 수 있습니다. 자세한 내용 사양 을 확인하십시오


당신은 (체크 박스에 대한) 사용해야 :checkbox하고 .name속성이 클래스에 의해 선택할 수 있습니다.

예를 들면 다음과 같습니다.

$("input.aclass:checkbox")

:checkbox선택 :

확인란 유형의 모든 입력 요소와 일치합니다. 이 유사 선택기 $(':checkbox')를 사용 $('*:checkbox')하는 것은 느린 선택기 와 같습니다 . 하는 것이 좋습니다 $('input:checkbox').

선택기에 대해 알고 싶다면 jQuery 문서읽어야 합니다.


이런 식으로 클래스 이름을 사용해야합니다

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

이에게 사용하려고 라이브 데모


이 시도:

$("input:checkbox").hasClass("myClass");

나와 같은 인형이 여기에서 버튼으로 제안을 시도했지만 아무것도 작동하지 않는 경우를 대비하여 아마도 이것을 원할 것입니다.

$(':button.myclass')

참고 URL : https://stackoverflow.com/questions/1065925/jquery-selecting-by-class-and-input-type

반응형