javascript - 如何在 javaScript 中获取父 div id？

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

尝试使用each :

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