Question

我有几个输入有占位符，而不是每当我专注于输入时我想通过alert或div内部获得占位符值。我的代码（例子）; HTML

<input type="text" placeholder="Name">
<input type="text" placeholder="Phone:">
<input type="text" placeholder="Email">

和我的js文件：

var plchold = ('input[type=text]').attr('placeholder');
$("<div class='field-label'><p>"+plchold+"</p></div>").prependTo(".wrap-field");

但它只给了我所有输入的第一个占位符值。

我知道它必须与$(this)相关，但我不知道如何：）

Answer 1

试试这个：

$('input[type=text]').focus(function(){
  var plchold = $(this).attr('placeholder');
  $("<div class='field-label'><p>"+plchold+"</p></div>").prependTo(".wrap-field");
});

Answer 2

你应该遍历输入以获得每个

的占位符

$('input[type=text]').each(function(){
    var plchold = $(this).attr('placeholder');
    $("<div class='field-label'><p>"+plchold+"</p></div>").prependTo(".wrap-field");
});

Answer 3

您需要迭代输入元素并使用迭代上下文this在每次迭代中定位它们：

$('input[type=text]').each(function(){
    var plchold = $(this).attr('placeholder');
    $("<div class='field-label'><p>"+plchold+"</p></div>").prependTo(".wrap-field");
});

Answer 4

＆＃13;

$("input[type=text]").focus(function(){
  alert($(this).attr('placeholder'));
  });

＆＃13;

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

＆＃13;

使用jquery的相关输入值？

4 个答案: