如何添加一個屬性，如果輸入文本字段有一些類使用jquery

Question

我想添加css atrribute到文本字段如果它包含類。這裏是我的代碼：

<input type="text" placeholder="Your Name" class="masterTooltip" /> 

這裏是我的jQuery腳本：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('input[type=text]').hasClass("masterTooltip").css("title","Text Field"); 
    }); 
</script> 

Answer 1

可能要title屬性添加到其中有你需要的做這樣的事情

$("input.masterTooltip").attr("title", "Text Field"); 

Answer 2

使用attr()，而不是css()

$(document).on('click', 'input[type=text]', function() { 
 
    if ($(this).hasClass("masterTooltip")) { 
 
     $(this).attr("title", "Text Field"); 
 
    } 
 
}) 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" placeholder="Your Name" class="masterTooltip" />

Answer 3

hasClass()返回true，如果發現了一個eleme該類的nt或false，如果找不到該類的元素，但不是元素。

選擇由類元素，做到以下幾點：

$('input[type=text] .masterTooltip') 

然後，當你不打算「文本字段」分配到名爲「標題」，CSS屬性，但希望將其分配到HTML屬性，在這種情況下使用css()不正確。您可以使用attr()這種情況：

$('input[type=text] .masterTooltip').attr("title","Text Field") 

Answer 4

爲什麼不能簡單地用這樣的？

$(document).ready(function() { 
    $('input[type=text].masterTooltip').attr("title", "Text Field"); 
}); 

DEMO