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
    el 29 ene. 2019 a las 23:36
  • En ese caso puedes usar each(), ya edite mi respuesta.
    – alanfcm
    el 29 ene. 2019 a las 23:57
  • 1
    Gracias, funciona muy bien.
    – qwerty
    el 30 ene. 2019 a las 0:01

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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