jquery-显示警报消息中的列值

时间:2014-09-02 06:50:08

标签: jquery asp.net

  1. 我使用表格标签和标签
  2. 创建了一个简单的表格
  3. 有5行,列名为empID,empName和Button1
  4. 该表的最后一列在每行中都有一个按钮,在我想要的click事件中: 一条警告信息说HI。 例如:如果第一行中的empName是“john”,&如果我点击该行的按钮,会弹出一条警告信息,显示“嗨约翰”。
  5. 我没有得到如何在警报消息中动态显示empName。
  6. 请帮助!!

2 个答案:

答案 0 :(得分:1)

请参阅此fiddle

$(function(){
    $("button").on("click", function(){
        var name = $(this).parent().parent().find("td:eq(1)").text();
        alert("Hi " + name);
    });
});

答案 1 :(得分:1)

HTML

<table style="width:100%">
    <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>
            <button>button</button>
        </td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>
            <button>button</button>
        </td>
    </tr>
</table>

<强> JS

 $("button").click(function () {
    alert($(this).closest("tr").find("td:first").text());
});

DEMO