jQuery 요소가 HTML 테이블에 있는지 확인하십시오

이 코드는 입력 요소의 부모 요소의 DOM을 재귀 적으로 검색하여 테이블 요소를 찾습니다.

발견되면 길이가 1을 찾을 수 없으면 0을 반환합니다.

jQuery 및 HTML Forms (FAQ) FAQ jQuery를 사용하여 HTML 테이블이 있는지 확인하는 방법은 무엇입니까?

<code class="language-javascript">// 通过 HTML 表格标签过滤父元素
$('.item :first :input[name="code"]').parents('table')

// 条件判断，未找到父表格元素
($('.item :first :input[name="code"]').parents('table').length == 0)</code>

jQuery를 사용하여 html 테이블이 존재하는지 확인하려면

속성을 ​​사용할 수 있습니다. 속성 지정된 선택기와 일치하는 요소 수를 반환합니다. 간단한 예는 다음과 같습니다.

이 코드에서

는 모든 테이블 요소를 선택하는 jQuery 선택기입니다. 속성에 의해 반환 된 값이 0보다 크면 적어도 하나의 테이블이 존재 함을 의미합니다.

jQuery를 사용하여 HTML 테이블에서 특정 셀을 선택하는 방법은 무엇입니까?

jQuery의 선택기의 length 선택기를 사용할 수 있습니다. 선택기는 특정 인덱스 번호의 요소를 선택합니다. 인덱스 번호는 0에서 시작합니다. 예는 다음과 같습니다. length 이 코드에서 는 테이블의 두 번째 행과 세 번째 열에서 셀을 선택합니다. 그런 다음

<code class="language-javascript">if ($("table").length) {
  // 表格存在
} else {
  // 表格不存在
}</code>

메소드는이 셀의 HTML 함량을 가져옵니다.

jQuery를 사용하여 HTML 테이블에 행을 추가하는 방법은 무엇입니까? $("table") jQuery 메소드를 사용하여 HTML 테이블에 행을 추가 할 수 있습니다. length 메소드는 선택한 요소의 끝에서 지정된 컨텐츠를 삽입합니다. 예는 다음과 같습니다.

이 코드에서

는 테이블 끝에 셀이 포함 된 새 행을 추가합니다.

jQuery를 사용하여 HTML 테이블에서 행을 삭제하는 방법은 무엇입니까?

jQuery의 메소드를 사용하여 HTML 테이블에서 행을 삭제할 수 있습니다. 메소드는 선택한 요소와 그 어린이를 삭제합니다. 예는 다음과 같습니다. :eq() 이 코드에서 :eq()는 테이블에서 두 번째 행을 삭제합니다.

jQuery를 사용하여 HTML 테이블에서 셀 함량을 수정하는 방법은 무엇입니까?

<code class="language-javascript">$("table tr:eq(1) td:eq(2)").html();</code>

jQuery의

방법을 사용하여 HTML 테이블에서 셀 함량을 수정할 수 있습니다. 메소드는 선택한 요소 (innerhtml)의 내용을 설정하거나 반환합니다. 예는 다음과 같습니다. $("table tr:eq(1) td:eq(2)") 이 코드에서 html()

는 두 번째 행과 테이블의 세 번째 열에서 셀의 내용을 "새 컨텐츠"로 변경합니다.

jQuery를 사용하여 HTML 테이블의 열에서 모든 셀을 선택하는 방법은 무엇입니까?

jQuery의

선택기를 사용하여 HTML 테이블의 열에서 모든 셀을 선택할 수 있습니다.

선택기는 부모 요소의 N 번째 자식 요소의 모든 요소를 ​​선택합니다. 예는 다음과 같습니다.

<code class="language-javascript">// 通过 HTML 表格标签过滤父元素
$('.item :first :input[name="code"]').parents('table')

// 条件判断，未找到父表格元素
($('.item :first :input[name="code"]').parents('table').length == 0)</code>

이 코드에서

는 테이블의 두 번째 열에서 모든 셀을 선택합니다. $("table td:nth-child(2)") jQuery를 사용하여 HTML 테이블의 열을 숨기는 방법은 무엇입니까?

jQuery의

메소드를 사용하여 HTML 테이블의 열을 숨길 수 있습니다. 메소드는 선택한 요소를 숨 깁니다. 예는 다음과 같습니다.

이 코드에서

는 테이블의 두 번째 열에있는 모든 셀을 숨 깁니다. hide() jQuery를 사용하여 HTML 테이블에 숨겨진 열을 표시하는 방법은 무엇입니까? hide() jQuery의

메소드를 사용하여 HTML 테이블에 숨겨진 열을 표시 할 수 있습니다. 메소드는 선택한 요소를 표시합니다. 예는 다음과 같습니다.

<code class="language-javascript">if ($("table").length) {
  // 表格存在
} else {
  // 表格不存在
}</code>

이 코드에서

는 테이블의 두 번째 열에 모든 셀을 표시합니다. $("table td:nth-child(2)").hide() jQuery를 사용하여 HTML 테이블에서 모든 행을 선택하는 방법은 무엇입니까?

jQuery 셀렉터

를 사용하여 HTML 테이블에서 모든 행을 선택할 수 있습니다. 이 선택기는 테이블의 모든 행 요소를 선택합니다. 예는 다음과 같습니다.

이 코드에서

는 테이블의 모든 행을 선택합니다. show() jQuery를 사용하여 HTML 테이블의 행 수를 계산하는 방법은 무엇입니까? show() jQuery의

속성을 ​​사용하여 HTML 테이블의 행 수를 계산할 수 있습니다. 속성 지정된 선택기와 일치하는 요소 수를 반환합니다. 예는 다음과 같습니다.

<code class="language-javascript">$("table tr:eq(1) td:eq(2)").html();</code>

이 코드에서

는 테이블의 행 수를 반환 하고이 값은 $("table td:nth-child(2)").show() 변수에 저장됩니다.

위 내용은 jQuery 요소가 HTML 테이블에 있는지 확인하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!