javascript - 更改点击时显示的单元格内容 - javascript

Question

是否存在执行以下操作的库或某些函数集_

Discalimer:加载页面时，将加载A到E“下方”的所有内容，然后我只想根据更改随意显示(单击按钮)。我认为这是用 javascript 完成的，但我太菜了，无法自己处理这种复杂程度，因此向更有经验的用户寻求建议。

Answer 1

试试这个:

$(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>