Question

这是我的代码，每次我都为null。为什么？

$('label[for="name"]').width();

此标签由验证jquery插件创建，因此它只有一个类错误。所以我需要专门调用这个标签，并获得宽度。

这是我的HTML：

<div class="input-field">
     <input type="text" name="prenom" id="name" 
            size="30" class="text-input-big error"                 
            placeholder="PRÉNOM">
     <label for="name" class="error">Le prénom est requis</label> 
</div>

Answer 1

您的代码对我来说是正确的。你在哪里叫这个功能？我是这样做的：

$(document).ready(function(){
    alert($('label[for="name"]').width()); 
});

如果在DOM准备好之前运行它，它将返回0

Answer 2

所以通过以下方式解决了问题。

    $( window ).load(function() {
    $( "#form" ).submit(function( event ) {         
        var rightNameWidth = $('.input-field.name label').width(); 
        console.log(rightNameWidth);
        $('.name label').css('right', '-'+rightNameWidth+'px');
        event.preventDefault();
    });         
});

原因是DOM没有准备好

如何从标签中获取宽度？

2 个答案: