从不同的表单中选择标签

Select a tag from different form

本文关键字：选择 标签 表单      更新时间：2023-09-26

我有两种形式，每种形式都有不同的a tag，但是当我使用Javascript使用不同的形式a tag时，我可以从first form处理a tag。如何使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>

如何制作脚本以便我可以同时处理两种形式？

使用父级查找a

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

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

相关文章：