jQuery의 속성 선택기를 사용하여 HTML 테이블 열을 선택적으로 숨기려면 어떻게 해야 합니까?

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

HTML 테이블로 작업할 때 이름을 기반으로 요소를 조작해야 하는 상황이 발생할 수 있습니다. . jQuery는 이름 속성으로 요소를 선택하는 편리한 방법을 제공합니다.

귀하의 예에서는 $("tcol1").hide()를 사용하여 이름별로 선택하여 열을 숨기려고 했습니다. 그러나 jQuery의 hide() 메소드는 클래스 선택기만 허용하므로 이 접근 방식은 작동하지 않았습니다.

이름으로 요소를 선택하려면 jQuery 속성 선택기를 사용할 수 있습니다. 다음 코드는 이름을 기준으로 요소를 일치시키는 여러 가지 방법을 보여줍니다.

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')

이러한 선택기를 사용하면 다음과 같이 요소를 숨길 수 있습니다.

$('td[name="tcol1"]').hide();

위 내용은 jQuery의 속성 선택기를 사용하여 HTML 테이블 열을 선택적으로 숨기려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!