Javascript"getParent()"无效

Question

我必须将我的父母隐藏span在<a>标签上方并显示在span 它下面.(在<a>标签上单击时).

我需要使用getParent(),因为它们是另一个<div>重复的

我的HTML是

<div class="Test">
  <p class="commentBody">
    <span class="view_more-comment">abcd...
      <a class="view_more_link" href="javascript:void(0);" onclick="$(this).getParent().getNext().style.display='';$(this).getParent().style.display='none';">more</a>
    </span>
    <span class="view_more" style="display: none;">abcdefghijklmnopqrstuvwzyz...
      <a class="view_less_link" onclick="$(this).getParent().getPrevious().style.display='';$(this).getParent().style.display='none';">less</a>
    </span>
  </p>
</div>

当我用它时console显示错误

未捕获的TypeError:$(...).getParent不是函数

有什么方法可以解决这个问题吗？

Answer 1

有没有getParent()在jQuery.使用:

onclick="$(this).parent().prev().show(); $(this).parent().hide();"

文件

获取当前匹配元素集中每个元素的父元素,可选择通过选择器进行过滤.

我建议您使用on事件处理而不是内联处理程序

编辑

使用jQuery:

$('.view_less_link').on('click', function() {
    $(this).closest('.commentBody').find('.view_more-comment').show();
    $(this).parent().hide();
});