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

时间:2017-04-02 18:01:54

标签: javascript html-table

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

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

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

1 个答案:

答案 0 :(得分:0)

这应该足够了



$("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)
});

<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;