2010-01-12 3 views
1

10 개의 요소가 포함 된 tr이있는 테이블이 있습니다. tr은 동적으로 생성됩니다. 예를 들어jquery 동적으로 생성 된 tr 태그의 ID 찾기

<tr id = "<?php echo $count; ?>" > 

<td>name </td> 
<td>info </td> 
... 
... 
<td><a href="delete.php">delete</a></td> 

</tr> 

를 들어 내가 뭘하고 싶은 것은 내가 아약스 페이지를 삭제로 이동 행 필요한 다음 페이지 새로 고침없이 삭제을 사용하여 삭제 링크를 클릭 할 때입니다.

제 문제는 jquery에서 ID를 얻는 방법입니다. 또는 다른 방법으로 내가 밖으로 운동 할 수 있지만이 특정 목적으로 jquery 사용하고 싶습니다. 감사합니다

답변

9

이 작업을 수행 할 수 있습니다 :

$("a[href='delete.php']").click(function(e){ 
    var tr = $(this).closest('tr'), 
     id = tr[0].id; 

    // Put your AJAX call here 
    $.post('/delete/' + id, function(){ 
     // Animate up, then remove 
     tr.slideUp(500, function(){ 
      tr.remove(); 
     }); 
    }); 

}); 

closest() 셀렉터와 일치하는 조상을 찾는 DOM 트리를 이동한다. 이 경우 처음으로 tr을 찾고있었습니다. 나는 또한 parent()을 사용할 수 있었고 같은 결과를 얻을 수있었습니다.

+0

구현 방법은 다양합니다. 'closest'는 정말 깔끔하고 직접적으로 중요합니다. +1 –

+1

와우, 고마워 선생님, 이걸 구현하겠습니다. – noobcode

+0

그래, 문제가있어. 내 링크는 delete.php와 같은 것입니까? id = 어떻게하면이 문제를 해결할 수 있습니까? – noobcode

관련 문제