Question

所以我有多个产品div，它们具有相同的结构和相同的类。

<div class="product">
  <div class="product_image">
    <div class="image">
      <img src="http://www.placehold.it/200x200" alt="Puppy">
    </div>
  </div>
  <div class="image_description">
    Image Description
  </div>
</div>

<div class="product">
  <div class="product_image">
    <div class="image">
      <img src="http://www.placehold.it/200x200" alt="Kitten">
    </div>
  </div>
  <div class="image_description">
    Image Description
  </div>
</div>

我想用class＆＃34; image_description＆＃34;隐藏div。仅在产品div下的图像具有alt标签Puppy的情况下。

Answer 1

您可以找到包含.product元素的所有alt=Puppy元素。然后在其中找到.image_description元素并隐藏它：

$('.product:has([alt=Puppy])').find('.image_description').hide();

<强> http://feeds.reuters.com/news/artsculture

Answer 2

试试这个：

<form action="select.htm">
  <select id="date-run-select" name="run" size="1">
    <option id="run1" value="0"> get_data_date(0)</option>
    <option id="run2" value="1"> get_data_date(1) </option>
    <option id="run3" value="2"> get_data_date(2)</option>
  </select>
</form>

如果图像具有某个ALT标记，则隐藏与图像位于同一父div下的某个div

2 个答案: