jquery - 显示隐藏特定的文本行

Question

无论如何隐藏和显示带有jQuery的指定div中文本的第二行？div id 是“葡萄”

我有这样的文字

“赤霞珠
和
设拉子”

有时我需要 & 有时我不需要，如果有帮助，它将永远是 &symbol ??

Answer 1

试试这个代码：

$('#grape:contains("Cabernet Sauvignon
&
Shiraz")').each(function(){
     if($(this).children().length < 1) 
          $(this).css("dispaly","none") });

Answer 2

试试这个：

var secondLineRequired = false;
if (!secondLineRequired) {
    var text = $("#grape").text().split('&');
    $("#grape").text(text[0]);
}

示例小提琴

Answer 3

您需要从 中获取文本#grape，然后将其拆分并添加为带有新插入的 HTML<br>

查看更新的小提琴