>웹 프론트엔드 >JS 튜토리얼 >자바스크립트(코드)를 사용하여 테이블에서 확인된 행을 삭제하는 방법

자바스크립트(코드)를 사용하여 테이블에서 확인된 행을 삭제하는 방법

不言
不言원래의
2018-08-25 11:41:154694검색

이 문서의 내용은 JavaScript를 사용하여 테이블에서 확인된 행(코드)을 삭제하는 방법에 대한 것입니다. 특정 참조 값이 있으므로 도움이 필요한 친구에게 도움이 되길 바랍니다.

첫 번째 단계: 현재 테이블에서 선택한 데이터 가져오기

//devicelist为表格的id属性
var checkStatus = table.checkStatus('devicelist')
  ,devicecheck_data = checkStatus.data;
var id_str="";
for(var i=0;i<devicecheck_data .length;i++){
       id_str=id_str+devicecheck_data.id;
}

두 번째 단계: 테이블 ID와 현재 행의 ID(고유 식별)를 전달하는 메서드를 작성하고 삭제 작업을 수행합니다

function remove_table_tr(table_id,remove_id){
  var that_table=$("#"+table_id).next();
  var that_checkid=remove_id.split(",");
  $(that_table).find(".layui-table-body .layui-table tr").each(function(){
  var that_tr=$(this);
  var that_did=$(that_tr).find("td[data-field=&#39;did&#39;]").text();
  if(that_checkid.indexOf(that_did)!=-1){
  //将当前行进行删除操作
  $(that_tr).remove();
  }
  })
  }

자바스크립트(코드)를 사용하여 테이블에서 확인된 행을 삭제하는 방법

관련 권장 사항:

테이블에서 TR을 선택하고 자동으로 CHECKBOX를 확인하는 방법

jquery를 선택하여 삭제 시 강조 표시되는 확인란이 있는 테이블 행을 구현하는 방법_jquery

위 내용은 자바스크립트(코드)를 사용하여 테이블에서 확인된 행을 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.