如何通过 jQuery 访问 td 类？

Question

如何通过 jquery 访问我的 td 类 这是HTML代码

<td class="selectable" id="shoes-<?= $color->id ?>" ></td>

  <td><a href="?shoes=<?php  echo $color->id; ?>" title="Select"
     <?php if($shoes==$order->shoes){ ?> class="selected"<?php } ?>>

这里是 jQuery 代码

$('td.selectable a').click(function() {


    var $parent = $(this).parent();
    var data = $parent.attr('id').split('-');
    var type = data[0];
    var typeId = data[1];

如果我提醒（类型）；我什么也没收到 你能帮忙吗

现在我已经解决了，但第二部分仍然存在问题 我正在尝试切换我的课程，它应该在单击链接时显示这里是 html 代码

<td class="selectable" id="person-<?= $person->id ?>">
     <a href="?person=<?php  echo $person->id; ?>" title="Selecteren"
 if($person==$order->person){ ?> class="selected"<?php } ?>><?php echo $person->name;?></a></td>

它适用于 span 类和 div 类，但 class=selected 不起作用

$('#personAmount td.selectable  a').click(function() {
       var $parent = $(this).parent()
        var data = $parent.attr('id').split('-');
        var type = data[0];
        var typeId = data[1];


switch(type){
            case 'person':
            $(this).prepend('<a class="selected"></a>');

            break;
            case 'color':
            $(this).prepend('<div class="checked"></div>');

            break;
            default:
            $parent.prepend('<span class="checked"></span>');

        }

Answer 1

$(this).parent().prev();

你有这样的层次结构：

<td class="selectable"></td>
<td>
    <a>

Answer 2

在您的代码中，包含<a> 的<td> 没有id 和class 属性。 click 事件不会绑定到 <a>

Answer 3

$('td a').click(function(e) {
    var id = $(this).closest('tr').find('.selectable').attr('id');
    var d = id.split('-');
    var item_type = d[0];
    var type_id = d[1];
    alert(type_id);
    alert(item_type);
});

working demo

Answer 4

使用您当前的 HTML：

Live Demo

$('td.selectable + td a').click(function() {
    var $parent = $(this).parent().prev();
    var data = $parent.attr('id').split('-');
    var type = data[0];
    var typeId = data[1];
    alert(type);
});