從輸入中檢索id，沒有硬編碼

Question

今天我有id #klm作爲jQuery中的點擊事件（https://jsfiddle.net/nnvduvm0/2/）來顯示警報消息。

我想在click事件與$("input").first().val()替換click事件的價值#klm但它不工作（https://jsfiddle.net/zebn6yr7/1/）

我想達到同樣的效果，但你檢索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按鈕是文本框的值。希望這有助於

$(".this-button").click(function() 
 
{ 
 
\t 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>

Answer 2

你需要說這就是一個id。所以把哈希面前是這樣的：

下面的代碼

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

Answer 3

使用它的正常工作

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

});