javascript - 如何从动态表中获取值

Question

我有一个在网页上动态创建的表格。该表有3列.'filename'，'fileurl'和一个带有textndode的列，表示'download'。 像这样的事情

filename     fileurl        download
file1     www.pathtofile1   download
file2     www.pathtofile2   download
file3     www.pathtofile3   download

这里的要求是，如果用户点击特定行中的“下载”，我应该在该行中获得“filename”和“fileurl”的相应值。 我该怎么做？

Answer 1

这应该足够了

＆＃13;

＆＃13;

$("table tr .download").click(function(){
  var row = $(this).closest("tr");
  var name = row.find(".name").html(),
      url = row.find(".url").html();
  console.log(name,url)
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
  <td class="name">file1</td>
  <td class="url">www.pathtofile1</td>
  <td class="download">Download</td>
</tr>
<tr>
  <td class="name">file2</td>
  <td class="url">www.pathtofile2</td>
  <td class="download">Download</td>
</tr>
<tr>
  <td class="name">file3</td>
  <td class="url">www.pathtofile3</td>
  <td class="download">Download</td>
</tr>

＆＃13;

＆＃13;

＆＃13;