如何使用jquery获取占位符属性值?

Sur*_*ttu 15 css jquery

我试图获取placeholder属性值,并fadeIn使用具有placeholder值作为for值的标签执行,但它不起作用.

HTML:

<html>  
    <body>
        <form>
            <input type="text" id="name" name="name" placeholder="First Name" />
            <label for="First Name">First Name </label>
        </form>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

input+label { display: none; }  
Run Code Online (Sandbox Code Playgroud)

脚本

$(document).ready(function() {
    $('input[type="text"]').click(function() {  
        var sd = $(this).attr('placeholder');  
        $('label[for^=sd]').fadeIn();  
    });  
});
Run Code Online (Sandbox Code Playgroud)

Fis*_*rdo 12

您正在选择文字字符串"sd",而不是您的变量的值.试试这个:

var sd = $(this).attr('placeholder');
$('label[for^="' + sd + '"]').fadeIn();
Run Code Online (Sandbox Code Playgroud)


PiT*_*ber 5

这有效:

$('label[for^="' + sd + '"]').fadeIn();
Run Code Online (Sandbox Code Playgroud)

试一下http://jsfiddle.net/hwJy8/