gpt4 book ai didi

javascript - JQuery 从数组中删除特定元素

转载 作者:行者123 更新时间:2023-12-02 21:25:44 24 4
gpt4 key购买 nike

我正在尝试从数组中删除某个元素 - 具体来说,.top-header .header-info .header-phone a。同时,我试图获取 .top-header .header-info a 的每个实例,这是我的代码:

var anchorArray = [];
var titleArray = [];
$('.top-header .header-info a').each(function() {
var removeItem = $('.top-header .header-info .header-phone a')
anchorArray.push($(this).attr('href'));
anchorArray.splice($.inArray(removeItem,anchorArray), 1);
titleArray.push($(this).html());
titleArray.splice($.inArray(removeItem,titleArray), 1);
});

<div class="header-info">
<span class="header-phone"><a href="tel:314-533-1500">314.533.1500</a>&nbsp;or&nbsp;<a href="tel:800-777-2852">1-800-777-ATLAS</a></span>
<a href="comingsoon">Request a Consultation</a>
<a href="quickpad">Quick Order</a>
<a href="contactus">Contact Us</a>
</div>

目前,这似乎会删除链接的所有实例。

谢谢!

最佳答案

更好的方法是检查元素的父 div 是否不包含您要删除的类。如果没有,则添加该元素。

   <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<div class="header-info">
<span class="header-phone">
<a href="tel:314-533-1500">314.533.1500</a>&nbsp;or&nbsp;
<a href="tel:800-777-2852">1-800-777-ATLAS</a></span>
<a href="comingsoon">Request a Consultation</a>
<a href="quickpad">Quick Order</a>
<a href="contactus">Contact Us</a>
</div>

<script>
var anchorArray = [];
var titleArray = [];
$('.header-info a').each(function(e,s) {
if(s.parentNode.className !=="header-phone"){
console.log(s.parentNode.className);
anchorArray.push($(this).attr('href'));
console.log("anchorArray:"+anchorArray);
titleArray.push($(this).html());
}
});

console.log(titleArray);
</script>
</body>
</html>

关于javascript - JQuery 从数组中删除特定元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60746838/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com