Как менять наполнение тега информацией из другого тега в зависимости от наличия класса посредством JQ??

Question

[Tizi]

Добрый день, я столкнулся с проблемой переноса информации из 1 части сайта в другую часть. Что собственно я хочу. Я хочу менять наполнения тега <p id="box"></p> информацией из тега <p> в списке. но информация должна быть только из тега <p> у которого родительский li имеет класс active. все что я смог сделать это добавление информации при 1 запуске страницы. Но в этом то и проблема. у меня класс active бегает по списку по нажатию кнопок. и у меня постоянно висит в блоке <p id="box"></p>цифра 123 из тега p у которого li с тегом active. а мне нужно что бы инфа менялась после перехода на другой li
подскажите кто что знает по этому поводу.

<ul id="list">
  <li class="name_class">
    <p>Active</p>
  </li>
  <li class="name_class active">
    <p>123</p>
  </li>
  <li class="name_class">
    <p>12345</p>
  </li>
  <li class="name_class">
    <p>adasd</p>
  </li>
</ul>

<p id="box"></p>

$(document).ready(function () {
    $("#box").html($("#list .active p").html());
});

Песочница

P.s: Палками не кидайте jq только начал изучать ))))

Answer 1

[Даниил Иванов]

Обновляйте текст при наступлении события нажатия на блок

Comments

[Tizi]

хммм. Получается так если был клин по кнопке то
$("#box").html($("#list .active p").html());
так ??

[Даниил Иванов]

$(document).ready(function(){
	$(".some_button").on("click",function(){
		$("#box").html($("#list .active p").html())
	})
})

[Даниил Иванов]

Tizi, Самая простая реализация