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

如果我的理解是正确的，那么您正在寻找ID为<div>且类info_frame的{{1}}，那么您需要修复CSS选择器。如果它不应该在那里有空间。

nazwa_klasy_display

选择器$('#info_frame.'+nazwa_klasy_display)将查找具有#info_frame .[nazwa_klasy_display]

后代的类nazwa_klasy_display的任何内容

Answer 3

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

试试这个

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

3 个答案: