removeClass 设置显示 none

Question

html:

<table>
    <tr>
        <td>Hi</td>
        <td><a href="#">Click me</a>
        </td>
    </tr>
</table>

js:

$('td a').click(function (event) {
    var txt = $(this);
    event.preventDefault();
    txt.closest('td').addClass('info');
    txt.closest('td').fadeOut(500, function () {
        txt.closest('td').removeClass('info');
    });
    this.blur();
    txt.parent().attr('style', 'display: inherit;');
    return false;
});

https://jsfiddle.net/iScripters/0dpLyv96/4/

当您单击 'Click me' 时，我希望将 class 'info' 添加到父级 (td)，然后使用淡出将其删除。相反，它会删除整个 . 对此有任何解决方案或解决方法吗？

Answer 1

此处代码中，removeClass 未设置 display:None，而是 fadeOut 的功能将显示设置为 None。如果您不希望将其设置为显示为 None，并在一段时间后将其删除，请使用 setTimeOut 等函数。 Link - http://www.sitepoint.com/jquery-settimeout-function-examples/

removeClass 设置显示 none

removeClass setting display none

javascript

jquery

html

addclass

removeclass