小编Mit*_*nov的帖子

使用jQuery为div设置相同的高度

我想用jQuery为div设置相同的高度.所有div可能具有不同的内容量和不同的默认高度.以下是我的html布局示例:

<div class="container">
    <div class="column">This is<br />the highest<br />column</div>
    <div class="column">One line</div>
    <div class="column">Two<br />lines</div>
</div>
<div class="container">
    <div class="column">One line</div>
    <div class="column">Two<br>lines</div>
    <div class="column">One line</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在使用下一个jQuery函数设置高度:

$(document).ready(function(){

    var highestBox = 0;
        $('.container .column').each(function(){  
                if($(this).height() > highestBox){  
                highestBox = $(this).height();  
        }
    });    
    $('.container .column').height(highestBox);

});
Run Code Online (Sandbox Code Playgroud)

这工作正常,但不是我的情况,因为我希望所有'列'只在一个'容器'内相等.这意味着在第一个容器中,所有框必须与第一个div一样高,但在第二个框中,它们必须等于第二个列.

所以问题是 - 我应该如何修改我的jQuery才能达到这个目标?

谢谢!

html jquery height equals

33
推荐指数
4
解决办法
12万
查看次数

jQuery的.元素宽度取决于其父宽度

我有一个像素大小的表格,单元格的宽度取决于内容.表的第一行中有输入元素,我需要它们与parent()具有相同的宽度.我们的想法是应该自动计算这些输入的宽度,并使用jQuery以像素为单位进行设置.这些单元格和输入没有类或id.我只能使用具有以下代码的选择器设置一个单元格的宽度:

var parentWidth = $(".foo").width();
$('td.foo input').width(parentWidth);
Run Code Online (Sandbox Code Playgroud)

但正如我所说,我需要它更普遍而不使用任何类等.任何人都可以帮助我吗?谢谢!

html-table input parent width

7
推荐指数
1
解决办法
1万
查看次数

ng-model不使用文件输入

我正在尝试获取文件输入的值并将其显示在输入之外的其他位置.我在应用程序中使用AngularJS v1.4.8.

<input type="file" ng-model="fileName" />
<div>{{fileName}}</div>
Run Code Online (Sandbox Code Playgroud)

这种方法适用于type ="text"但不适用于type ="file".

为什么会这样,我该如何解决这个问题呢?

谢谢!

html input angularjs

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×2

input ×2

angularjs ×1

equals ×1

height ×1

html-table ×1

jquery ×1

parent ×1

width ×1