隐藏li标签内的子标签

Question

我是html / js设计的新手。我已经通过很多方式搜索了我的具体要求，但无法找到解决方案。所以，通过jsfiddle或任何语法示例提供解决方案的帮助将非常有用!!!

我在两个不同的div中有这样的li元素：

<div id="1">
<li> <strong>Song Text</strong><em>Artist</em><var>Lyrics</var></li>
</div>

<div id="2">
<li> <strong>Song Text</strong><em>Artist</em><var>Lyrics</var></li>
</div>

可以看出，li标签包含不同的子标签（称为元素??），如strong，em，var。如何在第一个div中隐藏var标签文本？即，为了使其更通用，我如何仅隐藏（不删除）li标签中的子标签内的文本？此外，文本需要在页面加载时，而不是按钮单击。

谢谢！

Answer 1

  

如何在第一个div中隐藏var标记文本？

只需尝试这个

$("#1 li var").hide();

  

使其更通用，我如何只隐藏（不删除）文本   li标签中的子标签？

$("li").children().hide(); //$("li").children("var").hide(); to hide only var

或

$("li").find("*").hide(); 

Answer 2

喜欢这个吗？

＆＃13;

＆＃13;

$('#1 li').find('var').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="1">
<li> test<strong>Song Text</strong><em>Artist</em><var>Lyrics</var></li>
</div>

<div id="2">
<li> test<strong>Song Text</strong><em>Artist</em><var>Lyrics</var></li>
</div>

＆＃13;

＆＃13;

＆＃13;