javascript - 如何在单击该 div 内的选择选项时获取 div 的类？

Question

我有两个 div，其中显示了产品详细信息内容，如下所示:

  <div class="product-style-odd">
        <select>

            <option value="active" onClick="changeStatus(<?php echo $productid;?>,0)">Activate</option>
            <option value="inactive" onClick="changeStatus(<?php echo $productid;?>,1)">Deactivate</option>

        </select>
    </div>

    <div class="product-style-even">
        <select>

            <option value="active" onClick="changeStatus(<?php echo $productid;?>,0)">Activate</option>
            <option value="inactive" onClick="changeStatus(<?php echo $productid;?>",1)>Deactivate</option>

        </select>
    </div>

    <script>
        function changeStatus(productid, status){
            //Now what I want to reference and hide that div in which changeStatus function was invoked
        }
    </script>

现在对上面的代码略作解释。这两个奇数和偶数样式 div 都在一个循环内，因此它们会根据循环中的迭代次数重复。 现在我想要实现的是，当用户从选择菜单中单击非事件选项时，该特定的 div 应该淡出，我通过 Ajax 更改该产品的状态。

我不知道如何获取被单击的特定 div 的类。 抱歉代码缩进不好，我对 SO 编辑器不是很熟悉。

编辑: 问题还是没有解决。

原因是该页面的结构非常复杂。首先我有 body，然后是一个 div，然后是几个 div，然后是一个带有 product-style-even 或 product-style-odd 类的 div。现在，如果我将代码用于选择父 div，那么它会选择 body 之后的 div。

Answer 1

$('select').click(function(){
    var divClass=$(this).parent('div').attr('class');
});