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

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

jQuery를 사용하여 특정 입력 유형(예: 확인란)과 특정 클래스를 모두 가진 요소 집합을 선택하고 싶습니다.그러나 다음을 시도할 때:

 $("input:checkbox .myClass")

반품된 물건이 없습니다.jQuery에서 이 작업을 수행하려면 어떻게 해야 합니까?

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

대신 사용해 보십시오.

$("input.myClass:checkbox")

실제로 확인해 보십시오.

저는 이것도 테스트했습니다.

$("input:checkbox.myClass")

그리고 그것은 또한 제대로 작동할 것입니다.제 겸손한 생각에 이 구문은 제가 대부분 예상하는 것처럼 꽤 추하게 보입니다.:스타일 선택기를 마지막으로 선택합니다.제가 말씀드렸듯이, 둘 중 하나라도 효과가 있을 것입니다.

해당 클래스에서 해당 유형의 입력을 가져오려면 다음을 사용합니다.

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

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

사용해야 합니다(확인란).:checkbox그리고.name클래스별로 선택할 속성입니다.

예:

$("input.aclass:checkbox")

그:checkbox선택기:

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

선택기에 대해 알아보려면 jQuery 설명서를 읽어야 합니다.

당신은 클래스 이름을 이렇게 사용해야 합니다.

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

라이브 데모를 사용해 보십시오.

사용해 보십시오.

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

나 같은 멍청이들이 버튼으로 여기 제안들을 시도했지만 아무 것도 효과가 없다는 것을 발견했을 때, 당신은 아마도 이것을 원할 것입니다.

$(':button.myclass')

다른 방법:

$("input[class*='myClass']")

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