JQuery隐藏函数不工作

我想通过单击链接隐藏span标记，但不起作用

我正在使用以下代码

<script type="text/javascript">
    function showhide(obj) {
        $(obj).closest('tr').find('td span').hide();
        //$('.testspan').css('background-color', 'red');        }
    }
</script>

<table>
    <tr>
        <td style="padding-top: 16px float:left;" colspan="3" id="asd">
            <h3>
                <u>
                    <a class="faculty_more_des" href='javascript:showhide(this);'>Read More</a>
                </u>
            </h3>
            <span class="testspan">This is test sample </span>
        </td>

    </tr>
</table>

函数显示隐藏（obj）{
$（obj）.closest（'tr'）.find（'td span'）.hide（）；
//$（'.testspan'）.css（'background-color'，'red'）；}
}
这是测试样本

问题在于

href

处理程序

此

引用窗口对象，因此使用onlick处理程序调用该方法

<a class="faculty_more_des" href="#" onclick='javascript:showhide(this);'>Read More</a>

演示：

---

但是我更喜欢使用jQuery来注册事件处理程序，而不是使用内联处理程序

此

在您的代码中指的是

窗口

对象，您正在加载jQuery，请使用它的函数：

$('.faculty_more_des').on('click', function(event) {
   // event.preventDefault();
   $(this).closest('h3').next('.testspan').toggle();
});

---

或者，更好的是，根本不使用内联JS，而是使用jQuery将事件处理程序绑定到链接。另外，onclick属性中不需要

javascript:

部分。