更改网站模板上的占位符文本

Question

我正在使用Squarespace模板并尝试更改搜索占位符文本（要搜索的类型...）。

我尝试搜索他们的论坛，没有任何帮助。我认为一些简单的jquery可以做到这一点，但我无法弄明白。

以下是代码：

<form id="yui_3_17_2_2_1421895144095_1398" _lpchecked="1">
    <input placeholder="Type to search..." type="text" 
           spellcheck="false" value="" id="yui_3_17_2_2_1421895144095_1397">
</form>

Answer 1

试试这个。

$("form").find("input").attr("placeholder", "Recherche");

或者将其置于body关闭标记

的正上方

$(function () {
    $("form").each(function () {
        var inputElm = $(this).find("input");
        var ph = inputElm.attr("placeholder")
        if (ph && ph === "Type to search...") {
            inputElm.attr("placeholder", "Recherche");
        }
    });
});

如果你想要YUI（由squarespace本身支持），试试这个。

Y.one('form').one('input').setAttribute('placeholder', 'Recherche');

或

Y.all('form').each(function (node) {
    var inputElm = node.one('input');
    var ph = inputElm.getAttribute('placeholder');
    if (ph && ph === "Type to search...") {
        inputElm.setAttribute("placeholder", "Recherche");
    }
});