jquery增加节点的时候判断增加的内容是否重复

发布网友发布时间：2022-05-24 20:44

共4个回答

热心网友时间：2023-11-01 00:10

$(function(){
$(".input_bt").click(function(){
var text=$(".input_text").val();//获取标签文字
var the_li='<li><a href=\"#\">'+text+'</a></li>';//插入标签
$(".content li").each(function fun(){//判断是否重复
txt=$(this).text();
if(text==txt){
alert("该内容已添加");
return false;
}
})
if(txt!=text){如果不重复则添加
$(".content").append(the_li);
}

})
})

<div style="">
<input type="text" value="" class="input_text" /><input type="button" value="点击添加" class="input_bt"  /> <span>尝试添加一个重复的内容</span>
<div class="menu"><h1 class="title">我是标题</h1>
    <ul class="content">
    <li><a href="#">选项一</a></li>
    <li><a href="#">选项二</a></li>
    <li><a href="#">选项三</a></li>
    <li><a href="#">选项四</a></li>
    <li><a href="#">选项五</a></li>
    </ul>
</div>
</div>
</div>

这个是jquery的需要先加载jquery插件

热心网友时间：2023-11-01 00:10

$(function () {
  $(':button').click(function () {
    var text = $(':text').val();
    var has = false;
    $('.content li a').each(function () {
      if(this.innerHTML == text) {
        has = true;
      }
    });
    if (!has) {
      $('.content').append('<li><a href="#">' + text + '</a></li>');
    }
  });
});

可以用在贴出来的html上

热心网友时间：2023-11-01 00:11

增加的时候是可以知道要添加的a标签的href对不？

var addLi = function(url){
    if($("[href="+url+"]").length > 0){
       alert('这个链接已经有了')
    }
}
addLi('###');

热心网友时间：2023-11-01 00:11

循环比较<a>标签的innerHTML追问具体？

追答循环a.length
if($("a").text() == '新的链接文字'){
alert("链接已存在");
}