jQuery에서 이름 속성으로 요소를 선택하는 방법은 무엇입니까?

jQuery에서 이름 속성으로 요소 선택

jQuery에서 $(".bold")를 사용하여 클래스 이름으로 요소를 선택하는 것은 간단합니다. 그러나 $("tcol1")과 같은 이름 속성으로 요소를 선택하려고 하면 어려움이 발생합니다.

문제

다음 HTML을 고려하세요.

<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>

클래스($(".bold"))로 선택하는 것은 완벽하게 작동하지만 이름($("tcol1"))으로 선택하는 것은 쓸모가 없어 보입니다. 이는 jQuery가 이름 속성으로 요소를 대상으로 지정하기 위해 더 미묘한 구문이 필요하기 때문입니다.

jQuery 속성 선택기 사용

이름 속성으로 요소를 선택하려면 jQuery 속성 선택기를 활용하세요. 다음은 몇 가지 일반적인 옵션입니다.

• 완전히 일치: $('td[name="tcol1"]')
• 접두어 일치: $('td[name^="tcol"]')
• 일치하는 접미사: $('td[name$="tcol"]')
• 일치하는 하위 문자열: $('td[name*="tcol"]')

이러한 속성 선택기를 사용하면 이름 속성을 기반으로 요소를 쉽게 타겟팅할 수 있습니다. .

위 내용은 jQuery에서 이름 속성으로 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!