使用jquery获取被点击元素的id

Question

我在表格中有一系列选择框。 html是：

<td id="1">
  <select id="a" name="xxx"> 
     <option ... </option>
  </select>
</td>

<td id="2">
   <select id="b" name="yyy"> 
     <option ... </option>
   </select>
</td>

... etc.

当更改选择框选项时，如何使用jquery返回选择框和td的ID？

我认为应该是这样的：

$(document).ready(function() {

    $('select').change(function() { 
    var id = $(this).attr('id');
    return false; 
    });
});

工作Fiddle

Answer 1

试试这个

$('select').change(function() { 
var id = $(this).attr('id');
var tdid = $(this).parent().attr('id'); // or $(this).closest('td').attr('id');
return false; 
});

DEMO

Answer 2

Demo

使用 .closest() 或 .parent() 来引用<td>

$(document).ready(function() {

    $('select').change(function() { 
        var id = this.id;
        var tdId = $(this).closest('td').attr('id');  //or .parent()
        return false; 
    });
});

Answer 3

在jquery中使用.parent()

$('select').change(function() { 
        var id = $(this).attr('id');
         var parentId = $(this).parent().attr('id');

        });

Answer 4

试试这个：使用.closest()查找父td

$(document).ready(function() {

    $('select').change(function() { 
    var id = $(this).attr('id'); // id of select box
    var idOfTd = $(this).closest('td').attr('id');//id of td
    return false; 
    });
});

Answer 5

您还可以使用on function with change事件并使用最近的

找到td

$(document).ready(function() {
        $('select').on('change',function() { 
            var id = $(this).attr('id');
            var tdid = $(this).closest('td').attr('id');
            return false; 
        });
});