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

标签 jquery css

我正在尝试获取 placeholder 属性值并使用 placeholder 值作为 的标签执行 fadeIn对于 值,但它不起作用。

HTML:

<html>  
    <body>
        <form>
            <input type="text" id="name" name="name" placeholder="First Name" />
            <label for="First Name">First Name </label>
        </form>
    </body>
</html>

CSS:

input+label { display: none; }  

脚本

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

最佳答案

您选择的是文字字符串“sd”,而不是变量的值。试试这个:

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

关于jquery - 如何使用 jquery 获取占位符属性值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8416223/

相关文章:

Jquery focusout 事件不适用于 Chrome 浏览器中的复选框

jquery - 如何正确使用 Html.Raw(Json.Encode(Model)) ?

jquery - 这是内联样式还是 css 文件样式返回 jquery .css()

javascript - 如何使用 jQuery 缓慢地将 css 属性更改为自动?

javascript - 如何将图标与 CSS 中自定义卡片组件中的边框对齐?

html - 两个内联 block 元素之间的图像

javascript - setTimeout 函数不适用于值更改

css - 为什么我的 CSS 水平菜单中的子导航项会切断文本而不是换行?

css - 打印时处理响应式媒体查询

css - 垂直对齐 float 图像旁边的多条线