1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

利用JQuery中如何判断元素中是否有文本

作者:用户 来源:互联网 时间:2016-11-30 18:37:27

颜色backgroundwidth文字pxheight

利用JQuery中如何判断元素中是否有文本 - 摘要: 本文讲的是利用JQuery中如何判断元素中是否有文本, 让<span><a href="#"></a></span>这个结构中有文字的显示一种颜色,没有文字的显示另一种颜色...

让<span><a href="#"></a></span>这个结构中有文字的显示一种颜色,没有文字的显示另一种颜色...

<style type="text/css">
*{ margin:0; padding:0; font-size:12px;}
body{ background:#EEE;}
a{ color:#666;}
li{ list-style:none;}
ul{ width:500px; height:230px; background:#fff; margin:50px auto;}
ul li{ width:500px; height:auto; overflow:hidden; margin-bottom:5px;}
ul li span{ display:block; float:left; width:100px; height:20px;}
</style>

<ul>
       <li><span><a href="#">【专题】</a></span><a href="#">2005年超女王贝因整形意外身亡</a></li>
       <li><span><a href="#"></a></span><a href="#">2005年超女王贝因整形意外身亡</a></li>
</ul>

 

让<span><a href="#"></a></span>这个结构中有文字的显示一种颜色,没有文字的显示另一种颜色的JQ代码如下:

<script type="text/javascript">
$(function(){
       $("ul li span").each(function(){
              if($(this).find("a:eq(0)").text()==""){
                     $(this).css("background","blue");
              }else{
                     $(this).css("background","red");
              }               
       });                              
});
</script>



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索颜色 , background , width , 文字 , px height jquery 判断元素类型、jquery判断点击的元素、jquery判断子元素个数、jquery 判断元素存在、jquery判断元素的类型,以便于您获取更多的相关知识。

javascript-用jquery先获取li中的内容,然后在span中输出

问题描述 用jquery先获取li中的内容,然后在span中输出 如图 我需要将每个大li标签里面选择好的li里面内容显示到上面span标签里面,点击选择了的li里面会加个class="selected",这个要用jquery...

利用JQuery阻止事件冒泡_jquery

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希...

PHP开发工程师面试真题之Web网页设计(附参考答案)

...答案: 通过$_POST方法获取不到表单中提交的数据,可以利用$_GET方式实现获取数据。 因为form表单在没有定义method属性和action属性时,默认情况下采用get的传递方式来传递数据,并且默认情况下为当前页面跳转。   真题4:如何...

平时开发搜集的一些网址

...acing Text in a Table - Aspose.Words for .NET - Documentation - Aspose.com 利用Aspose.Word控件实现Word文档的操作 - 伍华聪 - 博客园 .net中Word转Html的方法(可以不装微软Word组件) - Brian.G - 博客园 C#开发:openfiledialog的使用 - 希格绍尔 - 博客园 Aspose...

利用JQuery阻止事件冒泡

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希...

后三篇
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备