Hide a div without specificing the id or class
<p>I have been searching on a question like this but I cant find it.</p>

<p>I have structure that looks like this:</p>

<pre><code>&lt;div id="productholder@(item.ProductId)" class="productholder"&gt;  
  &lt;img src="@Html.DisplayFor(modelItem =&gt; item.Image)" alt="" /&gt;
  &lt;div class="productinfo"&gt;
    &lt;h2&gt;@Html.DisplayFor(modelItem =&gt; item.Name)&lt;/h2&gt;
    &lt;p&gt;@Html.DisplayFor(modelItem=&gt; item.Description)&lt;/p&gt;
    &lt;br /&gt;   
  &lt;/div&gt;
  &lt;div class="productprice"&gt;     
    &lt;h2&gt;@Html.DisplayFor(modelItem =&gt; item.price):-&lt;/h2&gt;          
    &lt;input type="button" value="Ta bort" class="b" data-ProductImageId='@item.ProductImageId'&gt;                          
  &lt;/div&gt;                                   
&lt;/div&gt;
</code></pre>

<p>What I want to do is that when somebody click on the button that has <code>class="b"</code> the whole div tag should get hidden with <code>.hide()</code> the problem is that I have 10 of these div tags that look the same so I cant specify a div tag, because its important that just the div tag inside the button that i clicked gets hidden.</p>

<p>I guess I need to use parent or something like that?</p>

<p>I have tried the following jquery scripts:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $(".b").click(function () {
            $("div:eq(0)").hide();
        });
    });
&lt;/script&gt;
</code></pre>

<p>But I figure out it wont work beacuse it will hide the whole div wrapper.</p>

<p>Any kind of solution is appreciated!</p>
