上 右 下 左 的4個padding值可以這樣獲取:
$("id").css('padding-top')
$("id").css('padding-right')
$("id").css('padding-bottom')
$("id").css('padding-left')
這樣得到的是字符串,比如 10px
如果要的到數字,可以使用parseInt,例如 parseInt($("id").css('padding-top'))
示例代碼如下:
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<div id="keleyidiv" style="background-color:silver;width:200px;padding:20px 10px 15px 30px;border:1px solid green;"></div>
<span id="keleyiresult"></span>
<script>
$(document).ready(function () {
var $keleyidiv = $('#keleyidiv');
$("#kele"+"yiresult").text( $keleyidiv.css('padding-top') + ' ' + $keleyidiv.css('padding-right') + ' '
+ $keleyidiv.css('padding-bottom') + ' ' + $keleyidiv.css('padding-left'));
})
</script>
示例效果如下: