jquery - 无法使用 jquery 的 .css() 在 mozilla 和 IE 中获取边框属性

Question

在我的表中，我使用下面提到的 tr 并使用样式提供边框。

<tr id="test"  name="test1" style="border: 2px solid !important">

在使用 jquery 时

 $(this).css('border-bottom')

在 chrome 中返回适当的值，但在 mozilla 和 IE 中不返回。我还尝试了许多速记属性，例如 borderStyle、borderBottomWidth、borderBottomColor 但没有成功。

请告诉我我做错了什么。

Answer 1

1. 首先，您的 html 表格不完整。 这很重要。
2. 当浏览器读取您的 css 时，border: 2px solid #000; 被解释为多个特定属性。您需要针对特定​​的 css 属性，例如:border-bottom-width

$(document).ready(function(){
    var border1 =  $('#test').css('border-bottom-width');
    alert(border1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td id="test" style="border: 2px solid #000 !important;">sdsds</td>
    </tr>
</table>