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),然后使用淡出删除。相反,它删除了整个。 有什么解决方案或解决方法吗?
答案 0 :(得分:0)
这里的代码中,removeClass没有设置display:None,而是fadeOut的功能,它将display设置为None。如果您不希望将其设置为显示为None,并在一段时间后删除,请使用setTimeOut之类的函数。链接 - http://www.sitepoint.com/jquery-settimeout-function-examples/