有内容就显示 没内容就隐藏的JS判断代码

Posted 2023-05-13

比如：<span> $article['fazy']</span> 中的$article['fazy'] 有数据 就显示整个的 <li></li> 没有就整个<li></li> 的内容都不显示。

这个JS或者其他的 直接页面做判断也可以 要怎么写呢？

<li>福安<div class="music_block">
<p class="n1" thumb="$article['fayy']">
<a class="audio-player" ></a>
</p>
</div>
<span> $article['fazy']</span></li>
<li>霞浦<div class="music_block">
<p class="n1" thumb="$article['xpyy']">
<a class="audio-player" ></a>
</p>
</div>
<span> $article['xpzy']</span></li>
<li>福鼎<div class="music_block">
<p class="n1" thumb="$article['fdyy']">
<a class="audio-player" ></a>
</p>
</div> <span>$article['fdzy']</span></li>
<li>宁德<div class="music_block">
<p class="n1" thumb="$article['ndyy']">
<a class="audio-player" ></a>
</p>
</div> <span>$article['ndzy']</span></li>
由于能力有限，希望大神可以给出完整的代码 谢谢！

参考技术A 用js判断作者是否为空，黑色的横线用一个span，如果有作者在span中innerhtml一个“——”字符串否则什么都不做。书名号用js的方法检测“出处”字符串中是否包含《》，有则不填加书名号，没有则用js在“出处”两端加上书名号。 参考技术B 两个方案：1、在js里面
2、从页面获取追问

具体的要怎么写呢？

本回答被提问者采纳

jQuery 获取<td>标签内容，判断后，隐藏<tr>标签。

html中有很多表单，当点击按钮hide，判断<td id="td1">里面有没有内容，如果没有，就隐藏<tr id="tr1">标签。当点击按钮show，把隐藏的内容显示出来。
---------------------------------------------------------------------------
<button id="h">hide</button>
<button id="s">show</button>
<table>
<tr id="tr1">
<td> </td>
<td> </td>
<td> </td>
<td > </td>
<td id="td1"></td>
</tr>
<tr id="tr2">
<td> </td>
<td> </td>
<td> </td>
<td > </td>
<td id="td2">2</td>
</tr>
</table>

参考技术A $('#h'）.click(function()//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用
if($('#td1').text()=="")
$('#td1').parent('tr').hide()


);
显示
$('#s'）.click(function()

$('tr').show()

);
代码性能不好，可以自己去完善追问

按钮没有作用了，直接就显示最终结果了。

追答

我这个是用jquery写的，目测你没引jquery

参考技术B $(document).ready(function()
    $("#h").click(function()
        var td1Content=$("#td1").html();
        if(td1Content.length==0)
           $("#tr1").hide(); 
        
    );
    $("#s").click(function()
        $("#tr1").show(); 
    );
    
);

追问

这样在的话，按钮就没有作用了。