jQuery가 부모 테이블에 ID를 추가 한 다음 TD를 제거합니다.

Question

이미지가 중첩 된 TD가 있습니다. 부모에게 ID를 추가하고 TD를 제거하려고합니다. 다음 코드는 내부에 중첩 된 이미지를 기반으로 TD를 제거하지만 제거되기 전에 상위 테이블에 ID를 추가하려고합니다. 어떤 제안?

$('td img[src="/v/vspfiles/templates/cyberfront/images/RBox_Border_Left_Top.gif"]').parent().remove(); 

Answer 1

$('td img[src="/v/vspfiles/templates/cyberfront/images/RBox_Border_Left_Top.gif"]').parent().closest("table").attr('id','newId'); 

$('td img[src="/v/vspfiles/templates/cyberfront/images/RBox_Border_Left_Top.gif"]').parent().remove(); 

Answer 2

closest 및 end 사용. closest은 선택자와 일치하는 가장 가까운 조상 요소를 찾고 end은 이전 선택 항목으로 돌아갑니다.

그래서 ...

$('td img[src="/v/vspfiles/templates/cyberfront/images/RBox_Border_Left_Top.gif"]') 
    .parent() // go to the td 
     .closest('table') // go to the table 
      .prop('id', 'foobar') // set the table's id property 
     .end() // go back to the td 
     .remove(); // remove it