2016-08-31 4 views
2

나는테이블 행의 모든 ​​데이터 작업-ID를 얻을

<table id="tblTasks"> 
       <thead> 
       <tr> 
        <th>Name</th> 
        <th>Due</th> 
        <th>Category</th> 
        <th>Action</th> 
       </tr> 
       </thead> 
       <tbody> 
       </tbody> 
    </table> 

나는 기본적으로

<script id="taskRow" type="text/x-jQuery-tmpl"> 
    <tr> 
     <td>${task}</td> 
     <td> 
      <time datetime="${requiredBy}">${requiredBy}</time> 
     </td> 
     </td> 
     <td>${category}</td> 
     <td> 
      <nav> 
       <a href="#" class="editRow" data-task-id="${id}">Edit</a> 
       <a href="#" class="completed">Complete</a> 
       <a href="#" class="deleteRow" data-task-id="${id}">Delete</a> 
      </nav> 
     </td> 
    </tr> 
</script> 

아래로 위와 같이 테이블과 스크립트를 가지고, 그것은 순간에 작동하는 방법은이 표를 가지고 내가 삭제 버튼을 클릭하면 아래의 코드는 내가 anoth이,

storageEngine.delete('task', $(evt.target).data().taskId, .... 

TASKID 지금 data-task-id="${id}"의 값입니다 실행됩니다 er 버튼을 누르면 모든 작업이 삭제됩니다. 테이블의 모든 행을 순환하고 Delete 버튼을 찾은 다음 storageEngine.delete를 적용하려하지만 어떻게해야할지 모릅니다.

어떻게하면됩니까?

답변

1

이 시도 :

var dataList = $(".deleteRow").map(function() { 
return $(this).data("task-id"); 
}).get(); 
console.log(dataList.join('|')); 
+0

내가 거기에 조건을 추가 할 수 있습니다하면 해당 행의 첫 번째 TD는 특정 클래스가있는 경우 목록에 추가 그래서? – lock22

+0

data-task-id가 포함 된 동일한 요소에 다른 데이터 속성을 추가하는 이유는 무엇입니까? 그런 다음 함수에 조건을 추가 할 수 있습니다. – Ish

+0

nvm, 방금 가져 왔습니다. 고마워요! – lock22

관련 문제