Question

我使用jquery x-editable，当成功编辑某个字段时，我想更改<td> i的颜色<tr>。我试过了

$(function() {
    $('.editable a').editable({
        url: "/post",
        success: function(response, newValue) {
            $(this).siblings('td.td_class_name').css('color', 'red');
        }
    })
})

但它不起作用。如何正确使用jquery的选择器？

html结构

<table class="editable">
<tbody>
    <tr>
        <td><a href="#">field</a></td>
        <td class="td_class_name">100</td>
    </tr>
</tbody>
</table>

Answer 1

我认为你必须使用x-editable的显示方法进行DOM修改，它自版本1.2.0起可用，试试这个：

$(function() {
    $('.editable a').editable({
        url: "/post",
        display: function(value, sourceData, response) {
            $(this).next('.td_class_name').css('color', 'red');
        }
    })
})

Answer 2

你可以尝试这个，但没有经过测试

$(function() {
$('.editable a').editable({
    url: "/post",
    context: this,
    success: function(response, newValue) {
        $(this).parent().next('td').css('color', 'red');
    }
})
})

或

$(function() {
$('.editable a').editable({
    var $this=$(this);
    url: "/post",
    success: function(response, newValue) {
        $this.siblings('td.td_class_name').css('color', 'red');
    }
  })
})

使用jquery选择器获取下一个td

2 个答案: