Resulta que siguiendo la documentación de la librería fancybox me encuentro que para definir el comportamiento de sus elementos mediante clases se debe seguir una sintaxis como la siguiente:
<a href="http://www.dominio-ejemplo.mx/pagina" class="fancybox.iframe">
<!-- Código HTML -->
</a>
Deseo añadirles «x» comportamientos por medio de jQuery a ese tipo de elementos, pero me encuentro que aún escapando el caracter de «.» (punto) con la barra invertida () no toma el elemento.
Dejo el siguiente snippet:
$(function(){
$('button').on('click', function(){
/* No funciona */
$('.fancybox\.image').remove();
});
});
.fancybox\.iframe {
color: white;
background-color: red;
}
.fancybox\.image {
color: white;
background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>
<a href="http://www.dominio-ejemplo.mx/pagina" class="fancybox.iframe">Estilo iframe</a>
</li>
<li>
<a href="http://www.dominio-ejemplo.mx/pagina" class="fancybox.image">Estilo imagen</a>
</li>
</ul>
<button>Borrar: fancybox.iframe</button>