sourcecode

jQuery: 요소의 클래스와 ID를 동시에 선택하시겠습니까?

copyscript 2023. 8. 22. 22:25
반응형

jQuery: 요소의 클래스와 ID를 동시에 선택하시겠습니까?

클래스와 ID를 동시에 선택하고 싶은 링크가 있습니다.

왜냐하면 저는 두 가지 다른 행동을 하기 때문입니다.링크 클래스가 하나의 클래스 이름을 얻으면 한 가지 방식으로 동작하고, 같은 링크 클래스가 다른 클래스 이름을 얻으면 다르게 동작합니다.클래스 이름은 jquery로 전환됩니다.

그래서 링크 클래스와 ID를 동시에 선택할 수 있어야 합니다.이것이 가능합니까?

시도해 봤습니다.

 $("a .save #country")

아무런 성과도 없이

할 수 있는 일:

$("#country.save")...

OR

$("a#country.save")...

OR

$("a.save#country")...

원하시는 대로

, ID와 클래스(그리고 잠재적으로 태그 이름 및 기타 원하는 항목)와 일치해야 하는 선택기를 지정할 수 있습니다.

덧붙이자면, 알렉스가 제공한 답변은 저에게 효과가 있었고, 답변으로 강조된 답변은 아니었습니다.

이것은 나에게 맞지 않았습니다.

$('#country.save') 

하지만 이것은 했습니다.

$('#country .save') 

그래서 저의 결론은 공간을 사용하는 것입니다.제가 사용하고 있는 것이 새 버전의 jQuery(1.5.1)인지는 모르겠지만, 어쨌든 이것이 제가 겪었던 것과 비슷한 문제를 가진 사람들에게 도움이 되기를 바랍니다.

편집: 설명에 대한 전적인 신뢰(Alex의 답변에 대한 코멘트)는 다음과 같이 말하는 Felix Kling에게 돌아갑니다.

공간은 하위 선택기입니다. 즉, A B는 "A와 일치하는 요소의 하위인 B와 일치하는 모든 요소 일치"를 의미합니다.AB는 "A 및 B와 일치하는 모든 요소 선택"을 의미합니다.그래서 그것은 여러분이 무엇을 성취하기를 원하는지에 달려있습니다.#country.save그리고.#country .save동등하지 않습니다.

ID와 클래스 식별자 사이에 공백을 추가할 때 작동합니다.

$("#countery .save")...

$("a.save, #country") 

"a.save" 클래스와 "country" ID를 모두 선택합니다.

결국 CSS와 동일한 규칙이 적용됩니다.

그래서 저는 이 참고 자료가 유용할 수 있다고 생각합니다.

이 코드는 어떻습니까?

$("a.save#country")

언급URL : https://stackoverflow.com/questions/1944302/jquery-select-an-elements-class-and-id-at-the-same-time

반응형