javascript - これを送信するときにすべての行データにアクセスする方法

Question

私はこのようなものを持っているとしましょう：

<table>
<tr>
  <th>ID</th>
  <th>Name</th>
  <th>Lastname</th>
  <th>Options</th>
</tr>
<tr>
  <td>1</td>
  <td>John</td>
  <td>McDonalds</td>
  <td><a href="" onclick="delete(this)"><img src="delete.png"/></a></td>
</tr>
</table>

function delete(this)
{
   //how to access all the data from this row (id,name,lastname)
}

Answer 1

それらの列にクラスを追加することは可能ですか? そうであれば、これを試してください：

HTML:

<table>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Lastname</th>
        <th>Options</th>
    </tr>
    <tr>
        <td class="id">1</td>
        <td class="name">John</td>
        <td class="lastname">McDonalds</td>
        <td><a class="deleteRow" href="#" onclick=""><img src="delete.png"/></a>
        </td>
    </tr>
</table>

jQuery:

$(".deleteRow").click(function (e) {
    var thisrow = $(this).closest("tr");
    var id = thisrow.find(".id").text();
    var name = thisrow.find(".name").text();
    var lastname = thisrow.find(".lastname").text();
    alert("You selected " + id + ": " + name + " " + lastname);
});

ここにフィドルがあります