jQuery의 addID?


87

클래스 추가-addClass ()와 같이 ID를 추가 할 수있는 방법이 있습니까?


addClass ()는 선택자가 아닙니다. 선택자는 무언가를 수행하기 전에 요소로 정의하는 것입니다. addClass ()는 무언가에 대한 조치가있는 메소드입니다.
Phish

1
질문에서 '기능성'을 '선택기'로 대체 할 수 있습니까?
Milche Patern 2015

답변:


183

ID는 속성이며 attr 함수로 설정할 수 있습니다 .

$(element).attr('id', 'newID');

요소는 하나의 식별자 만 가질 수 있고이 식별자는 고유해야하므로 ID 추가 에 대해 무엇을 의미하는지 잘 모르겠습니다 .


1
이것이 질문에 어떻게 대답하는지 잘 모르겠습니다. 이것은 ID를 추가하는 것이 아니라 하나를 설정하므로 동적 ID를 사용하는 경우 큰 차이가 될 수 있습니다
Ian S

질문에 대한 나의 해석 : <div>ID가없는 것을 보고 어떤 이유로 든 ID를 직접 추가 할 수없는 경우 Javascript / jQuery로 ID 추가를 자동화 할 수 있습니다.
PJ Brunet

13

방법을 의미합니까?

$('div.foo').attr('id', 'foo123');

여러 요소를 동일한 ID로 설정하지 않도록주의하세요.


9

이렇게 :

var id = $('div.foo').attr('id');
$('div.foo').attr('id', id + ' id_adding');
  1. 실제 신분증 받기
  2. actuel ID를 입력하고 새 ID를 추가하십시오.

이것이 OP가 원하는 것인지 확실하지 않지만 더 중요한 것은 하나의 id속성 값만 있을 수 있다는 것 입니다. 더 구체적에 대한 사양 id속성을 명확하게 할 수 있음을 표시 하지 : 공백을 포함 w3.org/TR/html401/types.html#type-name
scunliffe

1

@scunliffes 문제를 해결하기 전에 이와 같은 것을 사용했습니다. 클래스 (이 경우 .button)를 가진 항목의 모든 인스턴스를 찾고 ID를 할당하고 해당 색인을 ID 이름에 추가합니다.

$(".button").attr('id', function (index) {
	return "button-" + index;
});

따라서 페이지에 클래스 이름이 .button 인 항목이 3 개 있다고 가정 해 보겠습니다. 그 결과 "버튼"의 클래스에 추가하여 모든 항목에 고유 ID가 추가됩니다.

이 경우에는 각각 # button-0, # button-1, # button-2입니다. 이것은 매우 편리 할 수 ​​있습니다. 첫 번째 줄의 ".button"을 대상으로 지정할 클래스로 바꾸고 return 문에서 "button"을 고유 ID로 원하는 것으로 바꾸면됩니다. 도움이 되었기를 바랍니다!

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.