No funciona el selector en un plugin de jquery!

[shujidan]

Hola!, de nuevo yo con otro problema, espero que me puedan ayudar :)

Estoy desarrollando un plugin para jquery en el cual quiero modificar la propiedad css de una lista de elementos, sin embargo solo se modifica el primero de los elementos y la verdad estoy un poco perdido.

Este es el codigo:

Código jQuery:

(function($) {
    $.fn.menu = function() {
        $(this).find(':first li').css('margin-left','-200px');
    };
})(jQuery);
 

Nota: this es el div principal "menu", :first se refiere a la lista <ul id="tabs"> y li se refiere a todos sus elementos con la etiqueta<li> (ya lo intente con <a> pero el problema persiste igual)

Código HTML:

<div id="menu">
        <ul id="tabs">
            <a href=#contenido1><li>tab1</li></a>
            <a href=#contenido2><li>tab2</li></a>
        </ul>
        <ul id="contenido1">
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
        </ul>
</div
 

Otra nota: es muy raro que funciona en Firefox pero no asi en Internet Explorer ni en Google Chrome, ademas las demas propiedades de estilo funcionan correctamente en todos los elementos de la lista

[shujidan]

Bueno, logré crear el mismo efecto con:

$(this).find(':first li').offset({ left: -200 });

pero me quedo con la duda espero que en un futuro se pueda resolver, gracias por la atención de quien pasó por el thread.

[emprear]

los selectores funcionan correctamente

Código HTML:

<div id="menu">
        <ul id="tabs">
            <li><a href="#contenido1">tab1</a></li>
            <li><a href="#contenido2">tab2</a></li>
        </ul>
        <ul id="contenido1">
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
        </ul>
</div>
 
<script type="text/javascript">
//<![CDATA[
/* script */
$('#menu ul li').css('margin-left','200px');
//]]>
</script>
 

Pero mirá tu html, que están mal anidados los <a> y los <li> de la primera lista. Ahora que dándole un margen a los li vas a desplazar toda la lista, asi que es más lógico que so lo des al ul

Saludos

[shujidan]

Es que el error es al usarlo dentro del plugin extendiendo la clase de jquery :)

Estoy estableciendo la propiedad margin-left únicamente en los elementos porque el color de background de la lista completa se sale del div y por motivo de crear otros efectos en el diseño. PD. el resultado es el mismo si se invierte el orden de los elementos de la lista y los enlaces.