无法更改父属性

Question

我正在使用粉底 accordian menu。我想要实现的是修改我的 li_left_border class.

的父属性

我这样做的原因是因为 li_left_border class 有 URL 我目前正在使用，在这种情况下是$10，看图

我想在加载站点时显示展开的向下钻取。

我试过：

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

当显示从none变成block时会起作用，我在开发者F12测试过。问题是我无法更改父属性，我不知道如何到达父 ul。

<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');
});

无法更改父属性

Unable to change parent properties

jquery

css

zurb-foundation

zurb-foundation-6

drilldown