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

Question

如果我单击第一个 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>

Answer 1

尝试使用 Jquery

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

Answer 2

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

$(".product_widget:first).click( function() {
    $(this).find(".product_name").hide();
});

Answer 3

尝试这样的事情：

<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"根据需要隐藏 () 或更改其类。

工作示例