Home / Questions / 233705
Accepted
qwerty
Asked: 2020-01-30 14:50:13 +0800 CST 2020-01-30 14:50:13 +0800 CST

Detect which elements were not clicked

  • 772

I have the following code that identifies which element has been clicked, but how can I tell which element has not been clicked?

$('body').on('click', '.container-abd a', function(){
        var element = $(this).attr('href');
        alert(element)
    })
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container-abd sticky-top">
      <ul>
        <a href="#ebasic-profile">
          <li><i class='bx bx-layer'></i>Basic</li>
        </a>
        <a href="#security">
          <li><i class='bx bx-shield'></i>Security</li>
        </a>
      </ul>
    </div>
    
    </body>

jquery

1 Answers

  1. Best Answer

    You can achieve it using siblings()like this:

    $('body').on('click', '.container-abd a', function(){
        var element = $(this).attr('href');
        var parent = $(this).parent();
        var anchors = parent.find('a');
        var notClicked = [];
        anchors.each(function(i, anchor) {
          if($(anchor).attr('href') != element) {
            notClicked.push($(anchor).attr('href'));
          }
        });
        alert(notClicked)
    })
    <body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container-abd sticky-top">
      <ul>
        <a href="#ebasic-profile">
          <li><i class='bx bx-layer'></i>Basic</li>
        </a>
        <a href="#security">
          <li><i class='bx bx-shield'></i>Security</li>
        </a>
        <a href="#tercero">
          <li><i class='bx bx-shield'></i>Tercero</li>
        </a>
      </ul>
    </div>
    
    </body>

    • 1