如何在javaScript中获取父div？

Question

我想在每个div中选择HTML"select"标签中的每个选项时获得父div id(div类称为"col-sm-2").但它总是只在"id"警报中给出最新添加产品的div id.例如,如果我上次添加的产品的ID是"7",它总是给出"7"作为警报.

这是我获取产品ID的PHP代码.

$jsql_ae7 = mysql_query("select request_list.product_id from request_list where request_list.product_id='{$jrowa2['id']}' and request_list.email='$visit_email'") or die(mysql_error());
$jfeta7 = mysql_fetch_assoc($jsql_ae7);

这是我的HTML代码.

<div class="col-sm-2" id="<?php echo $jfeta7['product_id']; ?>">
    <select id="formats_id" name="aformats" onchange="showFormat(this);">
        <option value="<?php echo $jrowa2['formats']; ?>"><?php echo $jrowa2['formats']; ?></option>
            <?php foreach($formats3 as $v3){  ?>
                <?php if($v3 !== $jrowa2['formats']) { ?>
                    <option value="<?php echo $v3; ?>"><?php echo $v3; ?></option>
                <?php } ?>          
            <?php } ?>

    </select>
</div>

这是我的javaScript代码.

var showFormat = function(dd) {
    var format_value = dd.options[dd.selectedIndex].value;
    var scriptTags = document.getElementsByTagName('select');
    var id = scriptTags[scriptTags.length - 1].parentNode.id;
    alert(id);        
};

Answer 1

尝试使用每个:

$('select').each(function() {
   alert($(this).parent().attr('id'));
});