如果我单击第一个product_widget，我如何使消失produst_name在第一个 product_widget

If i click on first product_widget, how i can make disappear produst_name in first product_widget <div>?

本文关键字：product 第一个 widget produst name 消失 如果 单击 何使      更新时间：2023-09-26
。

如果我点击第一个product_widget，我如何在第一个product_widget ???中点击produst_name

 <div class="product_widget">
    <div class="product_name"><a></a></div>
    <div class="product_image></div>
    <div class="product_price"></div>
  </div>
  <div class="product_widget">
    <div class="product_name"><a></a></div>
    <div class="product_image"></div>
    <div class="product_price"></div>
  </div>

尝试这样的事情：

<div class="product_widget" onclick="doSomething(this)">

JavaScript：

function doSomething(elem) {
    var children = elem.getElementsByTagName("div");
    children[0].style.background = "blue";  
}

此函数基本上获取子元素div并更新第一个[0]子元素的背景颜色。显然，您可以根据需要隐藏（style.display = "none"）或更改其类。

工作示例

尝试使用 Jquery

$('div.product_widget').click(function(){
 $('div.product_name').hide();
});

使用 jQuery，您可以执行以下操作：

$(".product_widget:first).click( function() {
    $(this).find(".product_name").hide();
});
相关文章：