2016-01-17 2 views
1

У меня есть две формы, и каждая форма имеет разные a tag, но когда я использую Javascript для использования a tag другой формы, я могу работать с a tag от first form. Как можно сделать Javascript, чтобы я мог работать с разными a ta g из разных форм. Мои коды показаны ниже.Выберите тег из различной формы

Form to sell 
<body> 
<form class="summarybackground" name="sell" id="sell" style="height:500px;width:920px;overflow-y:hidden;" method="post"> 

<div class="myBox"> 
<nav id="cd-vertical-nav"> 
     <ul> 
      <li> 
       <a data-number="1" href="#section1" class="is-selected"> 
        <span class="cd-dot"></span> 
        <span class="cd-label">Landed</span> 
       </a> 
      </li>   

     </ul> 
</nav> 
<div class="col-sm-9"> 
     <div id="section1">  
     <h1 class="header double">Landed</h1> 
     </div> 
</div> 
</form> 

Форма для аренды

<form class="summarybackground" name="rent" id="rent" style="height:500px;width:920px;overflow-y:hidden;" method="post"> 

<div class="myBox"> 
<nav id="cd-vertical-nav-sec"> 
     <ul> 
      <li> 
       <a data-number="1" href="#section1" class="is-selected"> 
        <span class="cd-dot"></span> 
        <span class="cd-label">Landed</span> 
       </a> 
      </li>   

     </ul> 
</nav> 
<div class="col-sm-9"> 
     <div id="section1">  
     <h1 class="header double">Landed</h1> 
     </div> 
</div> 
</form> 
</body> 

Этот сценарий может работать на первой форме только тег.

<script> 
$('a').click(function() { 
    $('a').removeClass('is-selected'); 
    $(this).addClass('is-selected'); 
}); 
</script> 

Как создать скрипт, чтобы я мог работать в обеих формах?

ответ

2

Найти ваши a с помощью его родителей

<script> 
$('#rent a').click(function() { 
    $('#rent a').removeClass('is-selected'); 
    $(this).addClass('is-selected'); 
}); 
</script> 

Вы можете сделать подобную вещь для вашей следующей формы

Смежные вопросы