Question

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

即。

<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中使用table-cell它对ie7不起作用。

Answer 1

如果您只是将div的显示属性设置为无。然后你可以做这样的事情：

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

请记住它只会检查显示：[none | block]并忽略可见：[true | false]

如果你完全删除了div或者没有在DOM中加载div 那么你可以使用它：

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

当其他div不存在时展开div宽度

1 个答案: