Невозможно изменить родительские свойства

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. Проблема в том, что я не могу изменить родительские свойства, я не знаю, как добраться до родительского 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 элемент, так что попробуйте:

Вот рабочий пример: https://jsfiddle.net/L4brd0bL/

обеспечить также, что HTML уже загружен, когда js выполняется, либо помещая код js в нижнюю часть HTML, либо используя $(document).ready следующим образом:

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