с помощью $ (это) JQuery изменить другой элемент

Question

Итак, я знаю, как изменить атрибут для того же элемента вы парить над ...

$(".click2play").mouseover(function() 
      { 
       $(this).css({'visibility' : 'hidden'}); 
      }); 

вопрос Могу ли я сделать то же самое, но в влияют на другой элемент только внутри одного и того же «click2play» div, который был виден? может быть?

$(".click2play").mouseover(function() 
      { 
       $(this).(#someotherdiv).css({'visibility' : 'hidden'}); 
      }); 

Спасибо всем!

Answer 1

Этот код предназначается для DIV, в пределах текущий .click2play элемент. Я считаю, что это то, что вы просили :)

$(".click2play").mouseover(function() { 
    $('div.class_name', this).css({'visibility' : 'hidden'}); 
}); 

Answer 2

Я хотел бы сделать так:

$(".click2play").mouseover(function(){ 
    $(this).hide(); 
}); 

Но может быть, это не то, что вы хотите сделать?

Answer 3

Я полагаю, это :):

$(".click2play").mouseover(function(){ 
    $(this).css({'visibility' : 'hidden'}); 
}); 

или лучше

$(".click2play").mouseover(function(){ 
     $(this).hide(); 
    }); 

Answer 4

Вы хотите изменить некоторые другие DIV? Зачем вам нужен $(this)?

$(".click2play").mouseover(function(){ 
    $("#someotherdiv").hide(); 
}); 

Answer 5

Чтобы изменить один CSS атрибут вы можете сделать:

$(".click2play").mouseover(function(){ 
    $(this).css('visibility', 'hidden'); 
}); 

Я надеюсь, что это помогает (рассмотреть, чтобы увидеть эту ссылку: http://marakana.com/bookshelf/jquery_tutorial/css_styling.html)

Answer 6

Я считаю, что большинство ответов не оплачено внимания на вопрос, который спрашивает об удалении класса. Вот ответ на оба вопроса:

$('.click2play').bind('mouseenter mouseleave', function() { 
    $(this).removeClass('click2play'); // This line removes the current object's class click2play 
    $('jQUerySelector').removeClass('click2play'); // This will remove another element's class click2play 
}); 

Answer 7

не очень ясно из Ques что вы хотите сделать так плохо анс для всех вариантов я могу догадаться из
1.Если вы хотите скрыть все элементы класса .click2Play затем использовать

$('.click2Play').hover(function(){$('.click2play').hide()}); 

2.Если вы хотите просто скрыть текущий элемент всех элементов, имеющих этот классов используют

$('.click2Play').hover(function(){$(this).hide()}); 

3.Если йо U хочу обобщать, то вы можете use.selector свойства объекта JQuery, так что вы могли бы использовать его как

$('.click2Play').hover(function(){$($(this).selector).hide()}); 

так что теперь, если вы измените имя класса из .click2Play в какой-то другой классе он будет работать красиво и скрыть все элементы этого класса.
4. Если вы хотите, чтобы скрыть какой-то элемент в том, что из текущего элемента, то

$('.click2Play').hover(function(){$(this).children('selector_of_child').hide()}); 

5.если у всех элементов этого класса есть элемент внутри них, имеющий какой-то другой класс, и вы хотите скрыть их все, а затем просто использовать их так, как это делается

$('.click2Play').hover(function(){$('.click2play').each(function(){$(this).children("selector_Of_Child").hide()})});