1

Tengo el siguiente código que identifica en cual de los elementos se ha hecho clic, pero de que manera puedo saber, ¿en que elemento no se ha hecho clic?

$('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>

1 respuesta 1

1

Puedes lograrlo usando siblings() asi:

$('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>

3
  • Funciona a la perfección con solo 2 elementos, pero al usar más de 2 solo me muestra el #ebasic
    – qwerty
    Commented el 29 ene. 2019 a las 23:36
  • En ese caso puedes usar each(), ya edite mi respuesta.
    – alanfcm
    Commented el 29 ene. 2019 a las 23:57
  • 1
    Gracias, funciona muy bien.
    – qwerty
    Commented el 30 ene. 2019 a las 0:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.