包含DIV的顯示寬度

我正在設置一種「調試」頁面，其中包含多個具有不同比例寬度（以百分比設置）的獨特DIV。
我想每個div包含文本，將顯示包含div的寬度（以像素爲單位），實時響應視口的大小調整。包含DIV的顯示寬度

我是一個相對新的jQuery和發現自己能夠使用顯示元素的寬度：

$('.show_width').html($(this).width());

但是，我清楚地做一些錯誤的，因爲這隻能使用一次 - 而不是在每一個獨特的DIV。此外，我想爲每個div添加諸如"Width: ___px"之類的內容。

任何幫助，非常感謝。謝謝。

來源

2012-11-15 Cmagb

需要通過元素使用$。每次循環

$(document).ready(function() { 
    getWidths(); 
    $(window).resize(function() { 
     getWidths();    
    }); 

    function getWidths() { 
     $('.show_width').each(function() { 
      $(this).html(""); 
      $(this).html($(this).html() + "<br />Width: " + $(this).width() + "px"); 
     }); 
    } 
    });

來源

2012-11-15 21:32:49 malificent

提到他想添加文本：$（這個）.html（$（this）.html（）+「
Width：」+ $（this）.width（）+「px」）; – MikeSmithDev

所以，我在http：// jsfiddle .net/9trBs/1/- 但顯然我沒有正確指出寬度顯示應該在哪裏？ – Cmagb

只是一些錯別字。它沒有關閉該功能：http://jsfiddle.net/9trBs/4/ – MikeSmithDev

，如果我得到它，使用調整事件的回調函數：

$(window).resize(function(){ 
     $('.show_width').each(function() { 
      $(this).html($(this).width()+' * '+$(this).height()); 
      } 
    });

來源

2012-11-15 21:34:44

包含DIV的顯示寬度

回答

相關問題