Question

我的html中有div。在按钮单击事件中，我想立即获取所有样式属性，以便我可以将其用于其他任务

    <div id=popUp style="display: block; z-index: 1050; top: 371px; left: 847.75px;">
        </div>
    <button id="btn" value="submit">

$('#btn').on('click', function (event){
           var styleAttribute=$('#popUp').css('style');
console.log('styleAttribute',styleAttribute);
        });

它给出了undefined。我想要的是这个作为控制台。

display: block; z-index: 1050; top: 371px; left: 847.75px;

Answer 1

使用jQuery#attr功能到style属性而不是jQuery#css - 它会返回style的属性。

对于单个样式属性，您可以使用jQuery#css，传递属性名称，例如.css('display')，并获取display属性的值。

＆＃13;

$('#btn').click(function(){
   var styleAttribute = $('#popUp').attr('style');
   console.log('styleAttribute ', styleAttribute);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popUp" style="display: block; z-index: 1050; top: 371px; left: 847.75px">
</div>
<button id="btn" value="submit">Get style</button>

＆＃13;

Answer 2

使用attr()

进行通话

＆＃13;

$('#btn').click(function(){
var styleAttribute=$('#popUp').attr('style');
console.log('styleAttribute',styleAttribute);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=popUp style="display: block; z-index: 1050; top: 371px; left: 847.75px;">
        </div>
    <button id="btn" value="submit">click</button>

＆＃13;

Answer 3

使用attr。

$("#btn").on("click", function() {
  var styleAttribute = $('#popUp').attr('style');
  console.log(styleAttribute);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=popUp style="display: block; z-index: 1050; top: 371px; left: 847.75px;">
</div>
<button id="btn" value="submit">

如何在jquery

3 个答案: