Применить функцию к конкретным элементам

Question

Я знаю, что это элементарный материал, но я просто не могу понять это ...

Как применить изменения CSS для нескольких элементов? На данный момент он работает только для первого, но не показывает ошибок.

function elemInit(){ 

    var elem1 = jQ('#elem1'); 
    var elem2 = jQ('#elem2'); 

    jQ(elem1, elem2).each(function(){ 
     jQ(this).css({ 
      'margin-left': '-' + jQ(this).width()/2 + 'px' 
     }); 
    }); 

}; 

elemInit(); 

jQ обязан обеспечить отсутствие конфликта.

Answer 1

JQuery селекторы работают как CSS селекторов, а также css метод использует each метод внутренне, вы можете написать:

jQ('#elem1, #elem2').css('marginLeft', function(i, oldMarginLeft) { 
    return '-' + jQ(this).width()/2 + 'px'; 
}); 

Answer 2

var jQelem1and2 = jQ('#elem1, #elem2'); 

jQelem1and2.each(function(){ 
    jQ(this).css({ 
     'margin-left': '-' + jQ(this).width()/2 + 'px' 
    }); 
}); 

Или я что-то пропустил?

Answer 3

попробовать этот

var elem1 = '#elem1'; 
var elem2 = '#elem2'; 
jQ(elem1, elem2).each(function(){ 
    jQ(this).css({ 
     'margin-left': '-' + jQ(this).width()/2 + 'px' 
    }); 
}); 

Answer 4

синтаксису, используемый для соединения двух объектов JQuery - - $($obj1, $obj2) - неверно; это something entirely different.

Помимо других решений, которые работают непосредственно соответствующие элементы, необходимые для, общее решение заключается в использовании .add:

$obj1.add($obj2).each(...) 

И, наконец, на самом деле нет необходимости .each здесь - .css непосредственно будет работа.