2017-11-30 1 views
0

폼의 여러 태그에 클래스를 동시에 추가하려고합니다. 지금, 나는동시에 여러 개의 태그에 클래스를 추가하는 방법

나는 또한 ID로 태그에 클래스 h-red를 추가 할
.... 
// what form are you submitting? 
var form = $("#" + e.target.id); 

// value 
var value = 'category'; 

// add class 
$("[name=" + value + "]", form).addClass("h-red"); 

checkbox-group1

내가 성공하지

로 이것을 시도했습니다 하나 개의 태그의 클래스를 추가하는 다음 코드가
$("[name=" + value + "]" ; "#checkbox-group1", form).addClass("h-red"); 

어떻게?

+0

것은 왜하지 않는다 사용 $ ("form> input")과 같은 것? – nullqube

+0

내 예제와 관련하여 여러 태그에 대해 어떻게합니까? 아마도 이러한 모든 태그에 특정 클래스를 추가함으로써 – Marco

+0

일 수 있습니다. $ ("form> .required"와 같이). toggleClass ("h-red"); , 여러 개의 일치 항목이있는 경우에는 쉼표 구분 기호가 사용됩니다. 더 명확한 코드 스타일에 관한 것입니다. 내가 옳은지 모르겠지만 귀하의 코드는 다음과 같은 양식의 입력 유효성 검사에 대한 것입니다 : https://stackoverflow.com/questions/3617020/matching-an-empty-input-box-using -css – nullqube

답변

2

선택자를 분리하려면 ,을 사용하십시오.

$("[name='" + value + "'],#checkbox-group1,form").addClass("h-red"); 

참조 : https://api.jquery.com/multiple-selector/

또한, '

참조하여 값을 동봉 해주십시오 : https://api.jquery.com/attribute-equals-selector/

+0

이 작동하지 않습니다. 양식은 큰 따옴표 밖에 있어야합니다. 고마워요 – Marco

+0

Ohh ..'폼에'h-red'클래스를 추가하고 싶다고 생각했습니다. 잘 작동하는 것이 좋습니다. :) – Eddie

2

사용과 같은 :

$("[name='+ value +'], #checkbox-group1, form").addClass("h-red"); 
관련 문제