Question

我有两个表单，每个表单都有不同的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>

如何创建一个脚本以便我可以在两个表单上工作？

Answer 1

使用它的父母

找到你的a

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

你可以为你的下一个表格做类似的事情

从不同的表单中选择一个标签

1 个答案: