无法更改父级属性

Question

我正在使用基金会accordian menu。我想要实现的是修改我的 li_left_border 类的父属性。

我这样做的原因是因为 li_left_border 类具有我当前所在的URL，在这种情况下它是10美元，请参阅图片。

我希望在加载网站时向下展示我的向下钻取。

我试过了：

$( ".li_left_border" ).parent().addClass('test');
$( ".li_left_border" ).parent().css('display', 'block');

当显示从无到阻塞时，它将起作用，我在开发人员F12中测试过。问题是我无法更改父属性，我不知道如何到达父级。

<script src="game.js"></script>
<script>
   $(document).ready(function() {
        $(document).foundation();
        $( ".li_left_border" ).parents("ul").addClass('test');
        $( ".li_left_border" ).parents("ul").css('display', 'block');
   })
})
</script>

Answer 1

使用parent，您会获得li元素，但是您想获得ul元素，请尝试：

  $( ".li_left_border" ).parents("ul").addClass('test');
  $( ".li_left_border" ).parents("ul").css('display', 'block');

以下是一个工作示例：https://jsfiddle.net/L4brd0bL/

还要确保在js执行时已加载HTML，方法是将js代码放在HTML的底部，或者使用$(document).ready，如下所示：

$(document).ready(function() {
      $( ".li_left_border" ).parents("ul").addClass('test');
      $( ".li_left_border" ).parents("ul").css('display', 'block');
});