jq如何判断元素是否存在？ 如图 我点击div1里面的img后会添加到div2中
我想实现的是当我点击0这张图片后它会添加到div2中，当我再次点击0这张图后会提示div2中已经有这张图，不能重复添加，其他图片也是一样，请问jq应该怎样写？菜鸟一枚，求...
我想实现的是当我点击0这张图片后它会添加到div2中，当我再次点击0这张图后会提示div2中已经有这张图，不能重复添加，其他图片也是一样，请问jq应该怎样写？菜鸟一枚，求大神指点！（特别说明的是div1里面的图片可能会有很多，这里只是示例放了5张）代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 100%;
height: 300px;
background: red;
}
#div2{
width: 100%;
height: 300px;
background: yellow;
}
</style>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('#div1 img').click(function(){
var imgClone = $(this).clone();
if($('#div2').find('img').size()<5){
$('#div2').append(imgClone);
}
$('.btn').click(function(){
$('#div2').find('img').remove();
})
});
});
</script>
</head>
<body>
<div id="div1">
<img src="images/0.png">
<img src="images/1.png">
<img src="images/2.png">
<img src="images/3.png">
<img src="images/4.png">
</div>
<div id="div2"></div>
<input class='btn' type="button" value="清除">
</body>
</html> 展开
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 100%;
height: 300px;
background: red;
}
#div2{
width: 100%;
height: 300px;
background: yellow;
}
</style>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('#div1 img').click(function(){
var imgClone = $(this).clone();
if($('#div2').find('img').size()<5){
$('#div2').append(imgClone);
}
$('.btn').click(function(){
$('#div2').find('img').remove();
})
});
});
</script>
</head>
<body>
<div id="div1">
<img src="images/0.png">
<img src="images/1.png">
<img src="images/2.png">
<img src="images/3.png">
<img src="images/4.png">
</div>
<div id="div2"></div>
<input class='btn' type="button" value="清除">
</body>
</html> 展开
2个回答
展开全部
为了答题 还特地去画了几张图的。
判断重读是依据是什么？相同的图片在我们这里表现为相同的路径 ，所以你判断路径就可以了，代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 100%;
height: 300px;
background: red;
}
#div2{
width: 100%;
height: 300px;
background: yellow;
}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
$('#div1 img').click(function(){
var src = $(this).attr("src");
if( $("#div2 img[src='"+ src+"']").length == 0){
$('#div2').append($(this).clone());
}
$('.btn').click(function(){
$('#div2').find('img').remove();
})
});
});
</script>
</head>
<body>
<div id="div1">
<img src="images/0.png">
<img src="images/1.png">
<img src="images/2.png">
<img src="images/3.png">
<img src="images/4.png">
</div>
<div id="div2"></div>
<input class='btn' type="button" value="清除">
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
