我正在尝试计算 div 的宽度和同一 div 类多次出现的页面中的文本之间的宽度和差异。
的HTML:
<div class="post_content">
<div class="container">
<div class="title-holder">
<h2><a href="link.html" class="widget-title">Crossword Book</a></h2>
</div>
</div>
<div class="container">
<div class="title-holder">
<h2><a href="link.html" class="widget-title">Crossword Bookstore Ltd. – Elgin Road</a></h2>
</div>
</div>
</div>
CSS:
div.container{
width: 130px;
}
div.title-holder {
width: 130px;
height:20px;
text-align:center;
background: silver;
overflow:hidden;
position: relative;
}
div.title-holder a {
position: relative;
white-space:nowrap;
left: 0px;
}
div.image{
background: brown;
width: 100%;
height: 100px;
}
以下脚本正确输出第一个 div 的结果,然后重复相同的结果。它不会进入下一个 div 并给出下一个结果。
$("div.title-holder").each(function(){
var m = $(this).width();
var n = $("div.title-holder h2 a.widget-title").width();
var o = m - n;
alert ("title: " + m + " text: " + n + " diff: " + o);
});
输出是
First Alert: title: 130 text: 108 diff: 22
Second Alert: title: 130 text: 108 diff: 22
我想要实现的是
First Alert: title: 130 text: 108 diff: 22
Second Alert: title: 130 text: 258 diff: -128