javascript - 从列表 JQUERY 中获取点击输入的正确名称

Question

我正在努力使用 jquery 来识别我正在点击的按钮。

我有一个动态生成的列表类别以及用于将其从数据库中删除的删除按钮。

我的输入是这样的:

<input id="deletesector" class="deletesector" type="submit" name="deletesector-4" value="Remove"></input>
<input id="deletesector" class="deletesector" type="submit" name="deletesector-5" value="Remove"></input>
<input id="deletesector" class="deletesector" type="submit" name="deletesector-6" value="Remove"></input>

我的脚本监听 .deletesecector 单击，然后获取 attr 名称。但是，无论单击 3 个按钮中的哪一个，它都会返回 deletesector-4 的名称。

我该如何解决这个问题，以便在单击“deletesector-5”时它会识别它。

  $(".deletesector").click(function() {  

    //store the id
    var name = $("input#deletesector").attr('name'); 

    //create the post variable string
    var dataString = 'serviceid='+ name;  
    alert (dataString); 

Answer 1

在点击处理程序的匿名函数中使用this:

$(".deletesector").click(function(){  
    var name = this.name
});

你总是得到 deleteselector4 的 name 的原因是因为这是 id 的第一个(但不是唯一的)元素 deleteselector，id 必须是唯一的，HTML 才有效。考虑到这一点，id 选择器在按 id 搜索时只会查找 一个 元素，并在第一个处停止> 元素，假设它是唯一具有该 id 的元素(它应该是)。

鉴于您的 HTML 中的 id 与 class 相同，请删除 id，因为它没有任何用处，而且会造成积极伤害您的 HTML 的有效性。

引用资料:

• > Element identifiers: the id and class attributes .