如何更改包含所选.class的div #id的样式

Question

我试图更改包含类#info_frame的div nazwa_klasy_display的样式，但我无法修复它。

$('.box').mouseenter(function() {       
   //show up scores
   $( this ).children( '.scores' ).css( 'display', 'block' );

   nazwa_klasy = $( this ).attr('class').split(' ')[1];

   nazwa_klasy_display = nazwa_klasy.split('_')[1];
   if ($('#info_frame').has(nazwa_klasy_display)) 
   {
      $('#info_frame .'+nazwa_klasy_display).style.display ="block";    
   }
});

Answer 1

您将jQuery与普通Js混合在一起：

要么你用

/* chain a jQuery method, e.g. show()  */
$('#info_frame.'+nazwa_klasy_display).show()

或

/* access to the dom node before using plain js */
$('#info_frame.'+nazwa_klasy_display).get(0).style.display = "block";  

Answer 2

如果我的理解是正确的，您正在寻找一个具有<div> id的info_frame和nazwa_klasy_display类，那么您确实需要修复您的CSS选择器。在不应该的时候，你在里面有一个空间。

$('#info_frame.'+nazwa_klasy_display)

选择器#info_frame .[nazwa_klasy_display]将寻找任何具有类nazwa_klasy_display的*#info_frame的后代的东西。

Answer 3

$("#info_frame").hasClass('.'+nazwa_klasy_display).css('display','block');

尝尝这个