좋아요, 그래서이 ul은 아래 나열되어 있고 현재 buy_link는/two_hours로갑니다. 클릭 한 위치를 기반으로 위치를 변경하고 싶습니다. 예를 들어 4 시간 버튼을 클릭하면 구매 버튼의 URL을 four_hours로 이동하는 등의 작업을 수행합니다. 여기jQuery는 hltml을 기반으로 위치를 변경합니다.
지금까지 내 jQuery를 수 있습니다 :
$(function() {
$('.box-ul .btn .dot').click(function() {
$('.box-ul .btn .dot').not(this).removeClass('clicked');
$(this).toggleClass('clicked');
});
});
HTML : JQuery와 클릭을 감지 할 때
<div class="box-ul box-time left">
<ul>
<li><span class="yes"></span><p>Easy to Use</p></li>
<li><span class="yes"></span><p>Step by Step<br /><span>details instructions</span></p></li>
<li><span class="yes"></span><p>Setup time<br /><span>under 30 mins</span></p></li>
<li class="btn">
<span class="dot left"></span>
<p class="left">2 hours</p>
<div class="cl"> </div>
</li>
<li class="btn">
<span class="dot left"></span>
<p class="left">4 hours</p>
<div class="cl"> </div>
</li>
<li class="btn">
<span class="dot left"></span>
<p class="left">8 hours</p>
<div class="cl"> </div>
</li>
<li class="btn">
<span class="dot left"></span>
<p class="left">12 hours</p>
<div class="cl"> </div>
</li>
</ul>
<div class="cl"> </div>
<a href="/two_hours" class="buy">Buy Now</a>
</div>
<div class="cl"> </div>