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

Javascript 如何更改包含选定.class的div#id的样式,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试更改包含classnazwa\u klasy\u display的div#info\u frame的样式,但我无法修复它 $('.box').mouseenter(function() { //show up scores $( this ).children( '.scores' ).css( 'display', 'block' ); nazwa_klasy = $( this ).attr('class').split(' ')[1];

我正在尝试更改包含class
nazwa\u klasy\u display
的div
#info\u frame
的样式,但我无法修复它

$('.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";    
   }
});

您将jQuery与普通Js混合使用:

要么你用

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


如果我的理解是正确的,您正在寻找一个id为
info\u frame
且类为
nazwa\u klasy\u display
,那么您确实需要修复CSS选择器。你在那里有一个不该有的空间

$('#info_frame.'+nazwa_klasy_display)
选择器
#info_frame.[nazwa_klasy_display]
将查找任何具有类
nazwa_klasy_display
的对象,该类对象是
*#info_frame

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

试试这个

css('display','block')?您如何看待
$(“#信息帧”。+nazwa_klasy_显示)[0]
?get(0)的更好快捷方式,但仅应用于一个元素,性能增益不会太明显。这只是为了显示对dom节点的访问
$("#info_frame").hasClass('.'+nazwa_klasy_display).css('display','block');