javascript - jQuery: 要素の CSS 値を取得する

Question

テーブル td 列のパディング値を取得しようとしています。テーブルは Bootstrap 3 CSS でスタイル設定されています。しかし、返された値は空です。

ここに私の作業コードがあります:

<tr><td> <input type="text" value="abcd" /></td></tr>

私のJavascript：

$("input").focus(function(e) {
            alert($(this).parent().css("padding"));
        })

パディング値を取得するにはどうすればよいですか? ありがとう。

Answer 1

$("input").focus(function(e) {
            alert($(this).parent().css("padding-top"));
        })

上を下、左、右など、必要なものに置き換えます。

Answer 2

$("input").focus(function() {
    alert($(this).closest('td').css('padding'));
})