변경 셀 내용을 자바 스크립트

Question

은 도서관 또는 following_

Discalimer에게 않습니다 일부 기능 세트를 존재 : 페이지는 E를 통해 A "아래"의 모든 컨텐츠를로드 할 때 로드 될 것입니다 그리고 난 단순히 단추의 클릭 (변경)에 따라 원하는대로 표시하고 싶습니다. 나는 이것이 자바 스크립트에서 이루어 졌다고 생각하지만 너무 복잡하여이 수준의 복잡성을 다루기에는 너무 초록색이어서 좀 더 숙련 된 사용자에게 조언을 구한다.

Answer 1

주석에서 언급 한대로 Jquery를 사용할 수 있습니다.
https://jqueryui.com/tabs/

또는 당신은이 시도 http://getbootstrap.com/javascript/#tabs

Answer 2

부트 스트랩으로 프런트 엔드 프레임 워크를 사용하여 볼 수 있습니다 :

$(document).ready(function() { 
 
    
 
    $("li").on("click",function(){ 
 

 
    $("li").removeClass("clicked"); 
 

 
    $(this).addClass("clicked"); 
 

 
    $(".content").text("This is : " + $(this).text()); 
 
    
 
    }) 
 
    
 
})

li { 
 
    display: inline-block; 
 
    width: 60px; 
 
    padding: 5px; 
 
    text-align: center; 
 
    position: relative; 
 
    top: 3px; 
 
    left: 20px; 
 
    cursor: pointer; 
 
} 
 
.content { 
 
    border: 3px solid skyblue; 
 
    height: 200px; 
 
    width: 460px; 
 
    text-align: center; 
 
    line-height: 200px; 
 
} 
 
.clicked { 
 
    border:3px solid skyblue; 
 
    border-bottom: 4px solid #fff; 
 
}

<ul> 
 
    <li class="clicked">A</li> 
 
    <li>B</li> 
 
    <li>C</li> 
 
    <li>D</li> 
 
    <li>E</li> 
 
    <div class="content"></div> 
 
</ul> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>