특정 테이블 셀의 jQuery 설정 값

테이블 셀을 작동시키기 위해 jQuery를 사용하여 : 실제 기능 및 FAQS 다음은 테이블 ID, 행 ID 및 열 번호를 기반으로 테이블 셀의 가격을 설정하는 JavaScript 헬퍼 함수입니다.

jQuery 테이블 셀 작동 FAQ (FAQS)

1 jQuery를 사용하여 특정 테이블 셀의 값을 설정하는 방법은

jQuery를 사용하여 특정 테이블 셀의 값을 설정하십시오. 선택 후

<code class="language-javascript">function setRowPrice(tableId, rowId, colNum, newValue) {
    $('#' + tableId).find('tr#' + rowId).find('td:eq(' + colNum + ')').html(newValue);
}</code>

또는 메소드를 사용하여 값을 설정할 수 있습니다. 예를 들면 :

이 코드는 테이블의 두 번째 행 ()의 세 번째 셀 ()의 값을 "새 값"으로 설정합니다.

2.

특정 테이블 셀의 값을 얻으십시오. 셀이 선택된 경우 또는 메소드를 사용할 수 있습니다. 예를 들면 : 이 코드는 테이블의 두 번째 행에서 세 번째 셀의 값을 가져옵니다.

3. .html() 특정 열의 모든 셀은 선택기를 사용하여 선택할 수 있으며 또는 .text()

이 코드는 테이블의 세 번째 열에서 모든 셀의 값을 "새 값"으로 설정합니다.

<code class="language-javascript">$("table tr:nth-child(2) td:nth-child(3)").html("新值");</code>

4. tr:nth-child(2) td:nth-child(3) 메소드를 사용하여 특정 셀에 클래스를 추가 할 수 있습니다. 예를 들면 :

이 코드는 테이블의 두 번째 행의 세 번째 셀에 "MyClass"라는 클래스를 추가합니다. 5.

.text()는 특정 세포의 클래스를 제거하는 데 사용될 수 있습니다. 예를 들면 : .html()

이 코드는 테이블의 두 번째 행의 세 번째 셀에서 "MyClass"라는 클래스를 제거합니다.

<code class="language-javascript">var cellValue = $("table tr:nth-child(2) td:nth-child(3)").text();</code>

6.

특정 셀의 배경색은 메소드를 사용하여 변경할 수 있습니다. 예를 들면 :

이 코드는 테이블의 두 번째 행에서 세 번째 셀의 배경색을 노란색으로 변경합니다.

당신은 :nth-child() 메소드를 사용하여 표에 행을 추가 할 수 있습니다. 예를 들면 : .html() .text() 이 코드는 셀과 함께 테이블에 행을 추가합니다.

<code class="language-javascript">$("table tr td:nth-child(3)").html("新值");</code>

8.

당신은

메소드를 사용하여 테이블에서 행을 제거 할 수 있습니다. 예를 들면 :

이 코드는 테이블의 두 번째 행을 제거합니다.

9.

당신은

메소드를 사용하여 테이블의 특정 행에 셀을 추가 할 수 있습니다. 예를 들면 : .append()

이 코드는 테이블의 두 번째 행에 셀을 추가합니다.

<code class="language-javascript">function setRowPrice(tableId, rowId, colNum, newValue) {
    $('#' + tableId).find('tr#' + rowId).find('td:eq(' + colNum + ')').html(newValue);
}</code>

10.

당신은

메소드를 사용하여 테이블의 특정 행에서 셀을 제거 할 수 있습니다. 예를 들면 : 이 코드는 테이블의 두 번째 행에서 세 번째 셀을 제거합니다.

위 내용은 특정 테이블 셀의 jQuery 설정 값의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!