1

Necesito seleccionar un div, en donde no puedo utilizar la clase, por que el nombre de la clase se utiliza en varios div mas.

La forma más rápida para llegar es por medio de xpath, pero al tratar de utilizarlo me devuelve error, desconozco si se puede utilizar en realidad y cuál es la forma correcta.

div[@class='mochaOverlay'])[2]

jQuery('(//div[@class="mochaOverlay"])[2]').css({'width':'364px','height':'281px'});

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

2
  • Si no me equivoco, actualmente es necesario utilizar un plugin ¿Te interesa una respuesta con este enfoque?
    – Marcos
    el 23 sep. 2019 a las 12:41
  • si estimado me interesa, no tengo problema en tener que ver un plugin para poder realizarlo. el 23 sep. 2019 a las 13:05

1 respuesta 1

2

El error lo obtienes debido a que jQuery no soporta expresiones xpath como selector

Opción 1:

Puedes usar este plugin para obtener la funcionalidad.

Ejemplo:

$(document).xpath('(//div[@class="mochaOverlay"])[2]').css({'width':'364px','height':'281px'});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.xpath.js"></script>

<div class="mochaOverlay">Ejemplo 1</div>
<div class="mochaOverlay">Ejemplo 2</div>
<div class="mochaOverlay">Ejemplo 3</div>


Opción 2:

Puedes transformar la expresión xpath a un selector CSS

Ejemplo:

$('div.mochaOverlay:nth-of-type(2)').css({'width':'364px','height':'281px'});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="mochaOverlay">Ejemplo 1</div>
<div class="mochaOverlay">Ejemplo 2</div>
<div class="mochaOverlay">Ejemplo 3</div>

Tu Respuesta

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

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