여러 특성 값에서 요소를 선택하는 방법

여러 특성 값에서 요소를 선택하는 방법

jQuery를 사용하면 주어진 속성 값을 가진 요소를 쉽게 선택할 수 있습니다.

예를 들어,

var elements = $('div[attr1="value1"]');

하지만 다중 속성(예:attr1 = value1 그리고. attr2 = value2)?

jquery는 CSS 셀렉터를 사용하기 때문에 CSS 사양에 의해 정의된 대로 여러 조건을 가진 셀렉터는 다음과 같습니다.

$('div[attr1="value1"][attr2="value2"]')

자세한 참조는 CSS 사양 참조: http://www.w3.org/TR/CSS2/selector.html#matching-attrs

예를 들어 체인과 필터를 그렇게 할 수 있습니다.

var elements = $('div[attr1="value1"]').filter('div[attr2="value2"]');

이 솔루션은 매우 간단합니다.

$('[attr1="home"][attr2="settings"]')

여러 특성을 선택하려면 아래 코드를 참조하십시오.

이 코드는 다음을 포함하는 모든 입력을 찾을 것입니다.idattribute와 name attribute가 'man'으로 끝나고 값을 설정합니다.

$( "input[id][name$='man']" ).val( "this input has id and name ends with 'man'" );

다음과 같은 요소를 대상으로 지정할 수도 있습니다.

const elem = $('.className[type="checkbox"][name="someName"]')

또는 파라미터를 사용하여 보다 동적인 방식으로:

const elem = $('.elemClassName_'+$(this).data('id')+'[type="checkbox"][name="someName"]')

마지막 예제를 사용하여 입력 값이 변경될 때 확인란을 대상으로 합니다.위의 내용은 여러 사례에서 나온 것으로, 저에게 도움이 됩니다.

공간과 함께 사용하면 아이가 필요합니다.

$("#a .b")  = <div id="a"><div class="b">..

공간 없이 사용하면 클래스가 2개인 동일한 개체를 사용합니다.

$("#a.b")  = <div id="a" class="b">..

언급URL : https://stackoverflow.com/questions/8045071/how-do-i-select-elements-on-multiple-attribute-values