怎么判断jquery增加节点的时候内容是否重复
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0; padding: 0;}
li{list-style: none;}
.div{width: 280px; margin: 50px auto;}
.box_head{border: 1px solid #DDDDDD; padding: 10px;}
.box_head li{width: 150px; height: 30px; background: #00BCF3; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; text-align: center; display: inline-block; cursor: pointer;}
.box_head li.on{background: #e74303;}
.box,.menu,.box1{margin-top: 10px; float: left; width: 260px;}
.box li{width:200px;height: 30px; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; float: left; cursor: pointer;}
.box li span.s{margin-left: 20px; color: #00BCF3; cursor: pointer;}
.box li span.t{color: #00BCF3; cursor: pointer;}
.box .b_a{width: 165px; height: 30px; background: #00BCF3; text-align: center; line-height: 30px; color: #FFFFFF; display: block;}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div class="div">
<div class="box_head js_box_head">
<ul>
<li>内容1</li>
</ul>
</div>
<div class="box js_box_m">
<ul>
<li class="box_li"><input class="input_text" type="text" /><span class="s js_s">删除</span></li>
<li><span class="t js_t">添加input</span></li>
</ul>
</div>
<div class="box"><a class="b_a js_bc" href="javascript:;">保存到box_head</a></div>
</div>
</body>
<script>
$(function(){
$('.js_t').on('click',function(){
var html = '<li class="box_li"><input class="input_text" type="text" /><span class="s js_s">删除</span></li>';
$(this).parent().before(html);
});
$('.js_box_m').delegate('.js_s','click',function(){
$(this).parent().remove();
});
$(".js_bc").click(function(){
var text=$(".input_text").val();//获取标签文字
var the_li='<li>'+ text +'</li>';//插入标签
$(".js_box_head li").each(function fun(){//判断是否重复
txt=$(this).text();
if(text==txt){
alert("该内容已添加");
return false;
}
})
if(txt!=text){//如果不重复则添加
$(".js_box_head ul").append(the_li);
}
})
});
</script>
</html>
问题1:这样只能判断一个input添加的内容是否重复 如果我多添加了几个input 应该怎么判断内容是否重复
问题2:点击删除的时候 怎么把js_box_head 里面的内容对应删除掉
...全文
相关推荐
解析jquery easyui tree异步加载子节点问题
为了完成这一步,通常需要自定义一个模型类Node,此类需要包含id、parentId和name等属性,并提供一个方法hasChildren()来判断当前节点是否有子节点。
使用jQuery判断数据是否重复的编程方法
使用jQuery可以方便地判断数据是否重复,并根据需要采取相应的操作。下面将介绍一种使用jQuery判断数据是否重复的方法,并提供相应的源代码示例。通过以上的代码,我们可以方便地使用jQuery来判断数据是否重复。接下来,假设我们有一个输入框和一个按钮,用户可以在输入框中输入数据,并通过点击按钮来判断数据是否重复。在JavaScript代码中,我们将使用jQuery来监听按钮的点击事件,并编写相应的逻辑来判断数据是否重复。通过比较输入框的值与输入数据的值,判断是否有重复数据。获取输入框中的数据。
jquery如何判断表格同一列不同行input数据是否重复
在使用jQuery进行网页开发时,经常会遇到需要对表格中的数据进行验证的场景,其中比较常见的就是判断表格中同一列不同行的input输入框内的数据是否存在重复。
jQuery zTree 异步加载添加子节点重复问题
通常,这涉及到判断父节点是否已展开,从而决定是否要先展开父节点,再进行添加子节点的操作,以避免重复添加。从提供的内容中,我们可以观察到以下关键的知识点和解决方法:1.
jQuery 判断元素是否存在然后按需加载内容的实现代码
为了解决这个问题,我们可以采用按需加载(Lazy Loading)的策略,只在真正需要时才加载特定的jQuery插件。今天我们将探讨如何利用jQuery来判断元素是否存在,然后根据需求加载相关的内容。


