제이쿼리(jQuery) td 태그 삭제 방법 문의

안녕하세요~!

궁금한게 있습니다.

 

제이쿼리를 짜려고하는데요.

aa클래스인 table안에 td에 값이 없을경우 해당 td를 remove해라 라고 짜려고합니다!

<table class="aa">
 <thead>
  <tr><th>타이틀1</th><th>타이틀2</th></tr>
 <thead>
 <tbody>
  <tr><td>내용1</td><td></td><td></td></tr>
  <tr><td></td><td>내용2</td><td>내용2</td></tr>
  <tr><td></td><td>내용3</td><td>내용3</td></tr>
 </tbody>
</table>
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    제목은 본문 내용을 추측할 수 있도록 잘 작성해주시길 부탁드립니다.

     

    저희가 코드를 직접 만들어 드리기엔 쉽지 않아 실제로 테스트는 못해봤습니다.

    아래 코드를 응용해보시겠어요?

    jQuery('td', '.aa').each(function(){
    	var text = jQuery(this).text();
    	if(!text){
    		jQuery(this).remove();
    	}
    });

    그런데 테이블 구조에서 td 태그가 사라지면 테이블 구조가 깨집니다.

    colspan, rowspan 속성 등을 추가해주셔야 구조가 깨지지 않습니다.

    고맙습니다.

  • each를 쓰면되는군요!

    감사합니다~

    수정해서 잘 쓰고있습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기