Jquery에서 tr을 제거하는 방법

jquery로 tr을 제거하는 방법: 1. js 샘플 파일을 만듭니다. 2. jQuery를 도입합니다. 3. "function RemoveTr(temp){...}" 메서드를 통해 tr을 제거합니다.

이 기사의 운영 환경: windows7 시스템, jquery-2.1.4 버전, DELL G3 컴퓨터

jquery에서 tr을 제거하는 방법 한 가지 문제는 일부 tr을 제거하는 것입니다(tr은 동적으로 추가됩니다). 많은 방법을 시도했지만 그 중 아무 것도 작동하지 않습니다. 예를 들어 deleteRow 메서드에서 전달된 매개 변수는 tr의 행 수만 될 수 있는 것 같습니다. 지금까지 자세히 연구하지 않았습니다. 나중에 이 방법이 효과가 좋다고 해서 여기에 기록해 두겠습니다.

    $(temp).parent().remove();
 //temp为td的id。

제가 이해한 바는 다음과 같습니다. $(temp)는 먼저 td 객체를 획득하고, .parent()는 td의 tr을 획득한 다음, 제거() 메서드를 사용하여 tr

html 코드:

    <table>
            <tr>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>123</a></td>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>456</a></td>
            </tr>
   <tr>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>aaa</a></td>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>bbb</a></td>
   </tr>
        </table>

js 코드:

function removeTr(temp){
  $(temp).parent().parent().remove(); 
//必须保证已经引入了jQuery，此处$(temp)先获取到<a>对象，.parent()拿到<td>，再.parent()获取到tr
}

추천 학습: "

jquery 비디오 튜토리얼

"

위 내용은 Jquery에서 tr을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!