2016-10-01 7 views
0

기초를 사용하고 있습니다 accordian menu. 달성하고자하는 것은 내 li_left_border 클래스의 부모 속성을 수정하는 것입니다.상위 속성을 변경할 수 없습니다.

li_left_border 클래스에 현재 내가있는 URL이 있기 때문에이 경우 $ 10입니다 (그림 참조).

사이트가로드 될 때 확장 된 상태로 드릴 다운을 표시하려고합니다.

enter image description here

I는 시도 : 디스플레이 I 개발자 F12 시험 갖는 차단할 없음에서지면

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

enter image description here

그것은 작동 할 것이다. 문제는 부모 속성을 변경할 수 없다는 것입니다. 부모 부모에게 연결하는 방법을 모르겠습니다. parent

<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> 
+0

코드 부분을 보여줍니다. – Ehsan

+1

전체 코드를 여기 또는 jsfiddle에 추가 할 수 있습니까? 그럼 시도해 볼 수 있습니까? –

+0

이 내 jsfiddle입니다 : https://jsfiddle.net/v87qajau/ 그래서 내가 무엇을 달성하고 싶어, 내가이 상금 $ 10이 페이지에서 오전, 내가 원하는 $ 10 초는 pageload에 확장 될 수 있습니다. jsfiddle 사람을 사용 말해위한 –

답변

1

, 당신은 li 요소를 얻을 수 있지만 ul 요소를 얻으려면, 그래서 시도 : https://jsfiddle.net/L4brd0bL/

은 또한 다음을 확인하십시오

여기

가 작동 예입니다 HTML 하단에 js 코드를 넣거나 $(document).ready을 사용하여 js가 실행될 때 HTML이 이미로드되었습니다.

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

안녕 난 당신의 코드를 추가하는 내 질문을 편집했습니다. 당신은 내가 내 DOM 흐름이 올바른 생각 볼 수 있듯이. 첫 번째는 내 자신의 js 파일을, 두 번째는 기초 JS를 발생하고, 세 번째는 귀하의 제안입니다. 올바른 흐름이어야합니까? 하지만 여전히 작동하지 않습니다. –

+0

이 내 jsfiddle입니다 : jsfiddle.net/v87qajau가 너무 늦게 초기화됩니다 때문에 –

+1

'global_amount', 당신의'append_cash_prize' 기능에서'undefined'입니다. 나는 당신의 스크립트 위에'var global_amount = 10;'을 옮겼다. http://jsfiddle.net/v87qajau/3/ –