Question

想在div块中隐藏一些文本，但我不想隐藏整个div元素，因为里面还有其他元素，我需要它。

请使用jquery建议解决方案。

Answer 1

将文字放在一个范围内，并隐藏

取决于结构，它可能是这样的

<div id="yourDivId">
   <span>Hi There</span>
</div>

$("#yourDivId span:first").hide();

Answer 2

您可以将该代码放在一个范围内。并隐藏该跨度将仅隐藏该文本。不是整个div。

HTML：

<div id="whole">
  <span class="text">your text goes here</span>
</div>

JQuery的：

$(document).ready(function(){
    $(".text").hide();
});

希望这有帮助。

Answer 3

这取决于你的html结构，这是我的建议。

<div class="parent">
  <p class="children">Some text here</p>
</div>

$(".children").hide()

Answer 4

确定要隐藏的元素。用任何具有唯一ID的div或span包裹它们。因此，您可以使用上面提到的jQuery隐藏。

Answer 5

Span是划分块级元素的最佳方法。使用span来分隔要分隔的文本的不同部分，并使用jquery隐藏/显示范围。

<div>
 <span class="show"> text1 </span> <span class="hide"> text2 </span> <span class="show"> text3 </span>
</div>

<script>
$(".hide").hide();
</script>

如何使用Jquery隐藏div-block中的内联文本

5 个答案: