如果值标签是某些东西，则添加html

Question

我有一个登录页面，我想对其进行自定义...该页面是由其他代码创建的，因此我想通过jquery添加一个外部文件进行自定义。 在这种情况下，我想在登录表单之前添加一个字符串，因此在值是用户名的标签之前...

但是不行...

    if($('label').val()== "Username*"){
         $(this).before('<h1>Effettua il login:</hi><br>');
      }

这是jsfiddle代码： http : //jsfiddle.net/fw6nong1/2/

Answer 1

您可以通过其for属性选择标签。

  var linkelimina = self.location.href; $(document).ready(function () { var link = self.location.href; if (link == linkelimina || link == "http://www.webisite.com/user" || link == "http://www.website.com/user/password") { $('.tabs').css('display', 'none'); $('.description').css('display', 'none'); $('label[for="edit-name"]').before('<h1>Effettua il login:</hi><br>'); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="section"> <a id="main-content"></a> <div class="tabs"> <h2 class="element-invisible">Primary tabs</h2> <ul class="tabs primary"> <li><a href="/user/register">Create new account</a> </li> <li class="active"><a class="active" href="/user">Log in<span class="element-invisible">(active tab)</span></a> </li> <li><a href="/user/password">Request new password</a> </li> </ul> </div> <div class="region region-content"> <div class="block block-system" id="block-system-main"> <div class="content"> <form accept-charset="UTF-8" id="user-login" method="post" action="/user"> <div> <div class="form-item form-type-textfield form-item-name"> <label for="edit-name">Username <span title="This field is required." class="form-required">*</span> </label> <input type="text" class="form-text required" maxlength="60" size="60" value="" name="name" id="edit-name"> <div class="description">Enter your website username.</div> </div> <div class="form-item form-type-password form-item-pass"> <label for="edit-pass">Password <span title="This field is required." class="form-required">*</span> </label> <input type="password" class="form-text required" maxlength="128" size="60" name="pass" id="edit-pass"> <div class="description">Enter the password that accompanies your username.</div> </div> <input type="hidden" value="form-l7DnfqR5ZJej8oGkHS8x_9YmAzOYnFX0qxiuSxY5XZI" name="form_build_id"> <input type="hidden" value="user_login" name="form_id"> <div id="edit-actions" class="form-actions form-wrapper"> <input type="submit" class="form-submit" value="Log in" name="op" id="edit-submit"> </div> </div> </form> </div> </div> </div> </div> 

Answer 2

看到这个 JSFiddle：

我将您的代码替换为

$("label:contains('Username')").before('<h1>Effettua il login:</hi><br>');

编辑

$("label[for='edit-name']").before('<h1>Effettua il login:</hi><br>');

也可以正常工作，只需将选择器替换为包含“用户名*”的标签的唯一名称

Answer 3

要按文本过滤，可以使用：

$("label").filter(function(){
    return $.trim($(this).text()) === "Username"; // trimming text because you have extra space
}).before('<h1>Effettua il login:</hi><br>');