Question

今天我在jQuery中将id #klm作为点击事件（https://jsfiddle.net/nnvduvm0/2/）来显示警告消息。

我想在点击事件中使用#klm替换点击事件中的值$("input").first().val()，但它不起作用（https://jsfiddle.net/zebn6yr7/1/）

我希望获得相同的结果，但您从应该用于按钮的click事件的输入中检索id的值。

$('#klm').click(function() {
    alert($("input").first().val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input value="klm" id="candy">   
<button id="klm" type="button">Click Me!</button>

Answer 1

你需要说这是一个id。所以像这样把哈希放在前面：

$('#' + $("input").first().val()).click(function() {
    alert($("input").first().val());
});

Answer 2

使用以下代码，它工作正常

$( "#"+$("input").eq(0).val()).click(function() 
  {
    alert(     $("input").eq(0).val()      );
  });

});

Answer 3

我不知道这是否是正确的答案，但是当您点击按钮时，按钮的ID是文本框的值。希望这有帮助

$(".this-button").click(function() 
{
	alert(     $("input").first().val()      );
    $(this).attr("id",  $("input").first().val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input value="klm" id="candy">
    
<button id="klm" type="button" class="this-button">Click Me!</button>

从输入中检索id，没有硬编码

3 个答案: