1

我有一个查询。我在主要的固定宽度 div 中使用 2div。

IE

<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 在那里时，它应该像现在这样。我可以用桌子做到这一点，但我被困在了 div 中。

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

4

1 回答 1

0

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

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);
}
于 2013-03-19T12:08:42.030 回答