Question

我想将css属性添加到文本字段中如果它包含类。这是我的代码：

 <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

使用attr()代替css()

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

可能您想要将title属性添加到具有您需要执行此类操作的类的输入

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

Answer 3

如果找到此类的元素，则

hasClass()返回true，如果找不到此类的元素，则返回false，但不是元素。

要按类选择元素，请执行以下操作：

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

然后，由于您不打算将“文本字段”分配给名为“title”的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

如果输入文本字段使用jquery有一些类，如何添加属性

4 个答案: