我有這樣的HTML代碼設置圖像寬度跨越標籤
<ul>
<li><a href="#"><img src="path_to_image1"><span>some text</span></a></li>
<li><a href="#"><img src="path_to_image2"><span>some text</span></a></li>
<li><a href="#"><img src="path_to_image3"><span>some text</span></a></li>
</ul>
圖像不同的寬度。
我需要設置SPAN元素的寬度爲等於作爲IMG寬度。 下面是我寫的看在StackOverflow上板的代碼。
$(document).ready(function() {
$("ul li a").each(function() {
var theWidth = $(this).find("img").width();
$("ul li a span").width(theWidth);
});
});
現在這段代碼只返回最後一幅圖像的寬度。 要改變什麼,所以我可以使用與img相同的span元素寬度?
由於
澄清:你的'ul'具有特定的寬度,例如'100px'。你希望你的'li'始終具有相同的寬度?所以如果'img'是'40px',那麼跨度必須是'60px'? –
請記住,CSS中的'width'參數不適用於'inline'元素。 'a'和'span'默認都是內聯的,因此它們不會聲明'width'屬性。如果這是可以接受的,你可以在實際的'li'上設置寬度。 –
@Kalle H.Väravas:在這種情況下,跨度應該是40px – Johnatan