JQuery判断DIV中是不是包含图片标签

Posted 2023-05-10

JQuery判断DIV中是否包含图片标签,如果包含就把整个DIV的内容替换为第一张图片,否则就清空这个DIV,希望大侠们能给帮忙!!

可以通过jQuery选择器结合 jQuery length 属性检查是否包含img标签

定义和用法

　　length 属性包含 jQuery 对象中元素的数目。

语法

　　$(selector).length

实例

//输出 <li> 元素的数目：
$("button").click(function()  alert($("li").length););

//判断指定div下是否有img标签
if($("#div img").length>0)
  alert("长度大于零，所以#div下有img标签");
else
alert("长度小于零，所以#div下没有img标签");

参考技术A if($('div').find('img').length)
$('div').replaceWith($(this).find('img:first'));
else
$('div').empty();

这个朋友写的是正确的 但是写错了个else
我以前也是用这个方法处理的，我当使用的是1.4.2的版本库

参考资料：http://www.mengzhizhu.com

参考技术B 先判断div中:
你的div应该有ID吧。
var divId = document.getElementById("divId");
var imgAll="";
if(divId.getElementsByTagName("img")!=null)
imgAll = divId.getElementsByTagName("img");
divId.innerhtml=imgAll[0].innerHTML;//将div内容替换为第一张图片

else
$("#divId").empty();//否则就清空这个div.


这里我用jquery跟js混搭着来写，你应该能看懂，加上jquery的库文件。没有测试，应该可以。 参考技术C if($('div').find('img').length)
$('div').replaceWith($(this).find('img:first'));
elsw
$('div').empty();

参考资料：http://www.52ladybug.com/

本回答被提问者采纳

jquery小结测试题

1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has()

答案： $(div:has(span))     获取的是div下的span标签,而不是span标签下的文本内容!

$("div span");

2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是?

答案： $(“li:last”);

3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是？ 提示使用hide()

答案：$(“div :eq(1)”).hide();

4.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是？ 提示使用first-child

答案：$(“li:first-child”).hide;

5.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为？

答案：$(“form input:checked”).hide();

6.如何获取列表框元素中被选中元素的的值,代码为:？

答案：$(“selector option:selected”).text();

7.使用attr方法,取消id号为test的复选框选中状态代码为:？

答案：$(“#test”).attr(“checked”,false);

8.在三个<div>元素中,删除第二个元素的代码为？

 答案：$（＂div:eq(1)＂).remove();

 

9.移除已绑定元素事件的方法是？Bind()  unbind();

 

答案：unbind();

10.如何使用show方法以3秒的速度显示一个id号为test的div元素,代码为?

答案： $(“#test”).show(3000);