removeClass设置显示无

时间:2015-06-07 02:16:03

标签: javascript jquery html addclass removeclass

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/

当您点击“点击我”时,我想要课程&#39; info&#39;要添加到父(td),然后使用淡出删除。相反,它删除了整个。 有什么解决方案或解决方法吗?

1 个答案:

答案 0 :(得分:0)

这里的代码中,removeClass没有设置display:None,而是fadeOut的功能,它将display设置为None。如果您不希望将其设置为显示为None,并在一段时间后删除,请使用setTimeOut之类的函数。链接 - http://www.sitepoint.com/jquery-settimeout-function-examples/