使用javascript函数获取html控件值

我的页面中有这个表，我使用AJAX请求获取它

<table>
    <tbody>
        <tr>
            <th>No</th>
            <th>Name</th>
            <th>Action</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Example Name 1</td>
            <td class="text-center">
                <div class="btn-group" role="group" aria-label="">
                    <a href="javascript:;" onclick="deleteParticipantFunction()" class="delete-participant" value="2">
                        Delete
                    </a>
                </div>
            </td>
        </tr>
        <tr>
            <td>2</td>
            <td>Example Name 2</td>
            <td class="text-center">
                <div class="btn-group" role="group" aria-label="">
                    <a href="javascript:;" onclick="deleteParticipantFunction()" class="delete-participant" value="1">
                        Delete
                    </a>
                </div>
            </td>
        </tr>
    </tbody>
</table>

---

但是我不能得到这个值。获取函数中的值的正确方法是什么？

将id直接传递给方法：

<a href="javascript:;" onclick="deleteParticipantFunction(1)" class="delete-participant">

---

将id直接传递给方法：

<a href="javascript:;" onclick="deleteParticipantFunction(1)" class="delete-participant">

锚元素没有

值

属性。这是人们在表单输入中发现的东西。相反，您可以将该值放入

data-*

属性中：

<a href="javascript:;" onclick="deleteParticipantFunction()" class="delete-participant" data-participant="1">
    Delete
</a>

但是，仔细想想，当调用这样的函数时，

这个

甚至是正确的上下文吗？我想我已经有一段时间没试过了，所以我不知道该怎么做。但幸运的是，您已经在使用jQuery了，那么为什么不直接使用jQuery呢？使用jQuery将函数绑定到单击事件，而不是对

onclick

属性中的每个元素进行函数调用：

它还具有消除标记混乱的额外好处。

锚元素没有

值属性。这是人们在表单输入中发现的东西。相反，您可以将该值放入
data-*
属性中：

<a href="javascript:;" onclick="deleteParticipantFunction()" class="delete-participant" data-participant="1">
    Delete
</a>

但是，仔细想想，当调用这样的函数时，
这个
甚至是正确的上下文吗？我想我已经有一段时间没试过了，所以我不知道该怎么做。但幸运的是，您已经在使用jQuery了，那么为什么不直接使用jQuery呢？使用jQuery将函数绑定到单击事件，而不是对
onclick
属性中的每个元素进行函数调用：

它还具有消除标记混乱的额外好处。

函数deleteParticipant函数（e）{
var result=confirm（'您将要删除此参与者。是否继续？'）；
如果（结果）{
var参与者_id=此；
console.log（e.value）；
//e、 parentNode.parentNode.parentNode.remove（）
}
};

不
名称
行动
1.
示例名称1
删除
2.
示例名称2
删除

函数deleteParticipant函数（e）{
var result=confirm（'您将要删除此参与者。是否继续？'）；
如果（结果）{
var参与者_id=此；
console.log（e.value）；
//e、 parentNode.parentNode.parentNode.remove（）
}
};

不
名称
行动
1.
示例名称1
删除
2.
示例名称2
删除
$（此）.data（'value'）将采用data value=“”。。。如果您只需要value=“”，您只需要$（this）。val（）
value
属性根据w3标准不应用于
a
元素。$（this）。data（'value'）将采用data value=“。。。如果只需要value=“”，则只需要$（this）。根据w3标准，val（）
value
属性不应用于
a
元素。
var participant_id = $(this).data('participant');

<a href="javascript:;" class="delete-participant" data-participant="1">
    Delete
</a>

$(document).on('click', '.delete-participant.', function () {
    var result = confirm('You are about to delete this participant. Continue?');
    if(result){
        var participant_id = $(this).data('participant');
        console.log(participant_id);
    }
});