css - 当其他 div 不存在时扩展 div 宽度

Question

我有一个问题。我在主固定宽度 div 中使用 2divs。

即

<div style="width:500px; border:red solid 1px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:13px">
    <div style="float:left; width:55%; border:green solid 1px;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec urna ipsum, lacinia ac fringilla in, porta at tellus. Integer euismod laoreet
    </div>
    <div style="float:left; padding:10px ">
        <select name="" style="width:200px; padding:4px ">
            <option>ABC</option>
            <option>XYZ</option>
        </select>
    </div>
</div>

隐藏div和td

$(document).ready(function(){
    $("td:empty").css('display', 'none');
    $("div[class='errorMsg']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
    $("td[class='noShow']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
  });

当下拉选择 div 不存在时，我试图扩展内容 div。当下拉选择 div 时，它应该像现在这样出现。我可以用 table 做到这一点，但我被困在 div 中。

如果我在 css 中使用表格单元格，它在 ie7 上不起作用。

Answer 1

如果您只是将带有下拉列表的 div 的显示属性设置为“无”。然后你可以做这样的事情:

if($('#DIV_WITH_DROPDOWN').is(":visible")) {
    $('#CONTENT_DIV').css('width', WHATEVER VALUE YOU WANT);
} 

记住它只会检查 display:[none|block] 并且会忽略 visible:[true|false]

如果您完全删除 div 或不在 DOM 中加载 div，那么您可以使用这个:

if($('#DIV_WITH_DROPDOWN').length > 0) {
    $('#CONTENT_DIV').css('width', WHATEVER VALUE YOU WANT);
}