Javascript 隐藏具有相同类或id的第二个元素

我在WP中有双重代码：

<div class="row top-banner">
    <div class="columns">
        <section id="text-12" class="widget widget_text">           <div class="textwidget"><img id="bannerFront" class="showRtb"  style="cursor:pointer;" src="https://www.asdasd.com/wp-content/uploads/2017/03/treat_someone-1.png" alt="treat_someone"></div>
        </section>
    </div>
</div>

当我把代码放到我的WP页面上时，两个横幅都消失了，而不仅仅是第二个

---

我怎么能只隐藏第二条横幅而不隐藏第一条横幅呢？

nth类型的

适用于兄弟姐妹，换句话说，他们必须是同一父代的子代。如果它们在页面中的不同父级中，

nth-

将不起作用。您可以使用class

.textwidget

选择所有元素，并使用jQuery隐藏第二个元素（索引1）

 $('.textwidget:eq(1)').hide();

编辑：…或者您可以使用普通Javascript

//页上就绪的方法定义
功能就绪（fn）{
如果（document.readyState！=“正在加载”）{
fn（）；
}否则{
文件。addEventListener（'DOMContentLoaded'，fn）；
}
}
//当页面加载完成时，运行此方法内的函数
就绪（函数（）{
//隐藏第二个元素
document.getElementsByClassName（'textwidget'）[1].style.display='none'；
})

---

第n种类型的

适用于兄弟姐妹，换句话说，他们必须是同一父代的子代。如果它们在页面中的不同父级中，

nth-

将不起作用。您可以使用class

.textwidget

选择所有元素，并使用jQuery隐藏第二个元素（索引1）

 $('.textwidget:eq(1)').hide();

编辑：…或者您可以使用普通Javascript

//页上就绪的方法定义
功能就绪（fn）{
如果（document.readyState！=“正在加载”）{
fn（）；
}否则{
文件。addEventListener（'DOMContentLoaded'，fn）；
}
}
//当页面加载完成时，运行此方法内的函数
就绪（函数（）{
//隐藏第二个元素
document.getElementsByClassName（'textwidget'）[1].style.display='none'；
})

---

在纯javascript中，请尝试

document.getElementsByClassName('textwidget')[1].style.display='none';

---

在纯javascript中，尝试

document.getElementsByClassName('textwidget')[1].style.display='none';

---

您使用了错误的CSS。我已经修改了你的CSS代码，它将为你工作

.top-banner:nth-of-type(1) {
display:none;
}

---

您使用了错误的CSS。我已经修改了你的CSS代码，它将为你工作

.top-banner:nth-of-type(1) {
display:none;
}

---

第n个类型：选择器匹配其父元素的特定类型的第n个子元素。下面是隐藏.textwidget第2个元素的代码

.textwidget:n类型（2）{
显示：无；
}

第一
第二

第n个类型：选择器匹配其父元素的第n个子元素（特定类型）。下面是隐藏.textwidget第2个元素的代码

.textwidget:n类型（2）{
显示：无；
}

第一
第二

我只能在这个HTML代码中看到一个横幅图像是的，但我在主页中有两次这样的代码…这是因为您的

.textwidget

div是

.widget

div中的第一个类型。如果您想要css解决方案，我们需要查看您的第二个横幅与第一个横幅的关系，否则我会使用js解决方案我只能在这个HTML代码中看到一个横幅图像是的，但我在主页中有两次这样的代码…这是因为你的

.textwidget

div是

.widget

div中它的第一个类型。如果你想要一个css解决方案，我们需要看看你的第二个横幅相对于第一个横幅的位置，否则我会使用js解决方案我不能使用jquery。。。使用javascript时会是什么样子？因为我得到了error:uncaughttypeerror:$不是一个1:2的函数！这就是我不能使用jquery。。。使用javascript时会是什么样子？因为我得到了error:uncaughttypeerror:$不是一个1:2的函数！这很好，只需修复键入

文档。GetElementsByCassName

这很好，只需修复键入

文档。GetElementsByCassName