HTML / JQUERY段落可见/隐藏

时间:2016-09-01 07:50:10

标签: jquery html

我有这个段落,我希望它让它可见

 <p class="decriptioncontent"  id="EN_descriptionText" style="display:none;">
Alarma entre los barones: «Sánchez ya está en campaña»
</p>

使用此JQUERY函数

$( languageCode + "_descriptionText" ).css( "display", "visible" ); 

但它不起作用!

我也试过

$( languageCode + "_descriptionText" ).css( "display", "block" ); 

3 个答案:

答案 0 :(得分:1)

您需要在ID选择器之前添加#并使用 show() 方法使其可见。

$('#' + languageCode + "_descriptionText" ).show(); 
//-^-------

<小时/> 或者通过更新css display属性。

$('#' + languageCode + "_descriptionText" ).css( "display", "block" );
//-^-------

<小时/>
&#13;
&#13;
var languageCode = 'EN';
$('#' + languageCode + "_descriptionText").show();
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="decriptioncontent" id="EN_descriptionText" style="display:none;">
  Alarma entre los barones: «Sánchez ya está en campaña»
</p>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这个

$( '#' + languageCode + "_descriptionText" ).css( "display", "block" ); 

答案 2 :(得分:0)

您也可以使用此

$('#' + languageCode + "_descriptionText" ).show();