jQuery를 사용하여 이름으로 요소를 선택하는 방법

질문 : jQuery를 사용하여 이름으로 요소를 어떻게 선택할 수 있습니까?

---

확장하고 숨기려는 테이블 열이 있습니다. jQuery는 요소 name class 별로 선택할 때 <td> 요소를 숨기는 것 같습니다.

예를 들면 :

$(".bold").hide(); // Selecting by class works. $("tcol1").hide(); // Selecting by name does not work. 

아래 HTML을 참고하십시오. 두 번째 열은 모든 행에 대해 name name 속성을 사용하여이 컬렉션을 어떻게 만들 수 있습니까?

<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>

답변

---

jQuery 속성 선택기를 사용할 수 있습니다.

$('td[name="tcol1"]')   // Matches exactly 'tcol1'
$('td[name^="tcol"]' )  // Matches those that begin with 'tcol'
$('td[name$="tcol"]' )  // Matches those that end with 'tcol'
$('td[name*="tcol"]' )  // Matches those that contain 'tcol'

출처 : https://stackoverflow.com/questions/1107220/how-can-i-select-an-element-by-name-with-jquery