在jQuery中獲取元素的值

Question

由於此處成員的幫助，我的代碼運行良好。現在我有最後一步/請求。我有以下的代碼，有些人可能之前只是在最後一小時看到：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("[id^=topic]").change(function() { 
      var a = 'pk' + $(this).attr('id').replace('topic', ''); 
      var b = $(a).val() 
      alert(b); 
     }); 
    }); 
</script> 

再後來就：

<td id='pk_1'>Cat</td> 
<td id='pk_2'>Dog</td> 

此代碼檢出pk_1，pk_2等和地點到名爲變量「一個」。我想要的不是獲得元素pk_1的價值。我嘗試了一些不同的方法來獲得這個並將其放入「b」中。例如，我添加了「＃」。沒有工作。有時候警報框會顯示「未定義」一詞。任何人有任何建議？

謝謝大家

Answer 1

使用.html()而不是.val()：

... 
var a = '#pk' + $(this).attr('id').replace('topic', ''); 
var b = $(a).html(); 
alert(b); 

Answer 2

因爲它是一個ID選擇應與#開始。把它放在選擇器上。此外，td元素沒有value，只有input元素具有。您可能需要內部text（或者，也許是html）。如果這不起作用，那麼檢查一下你的id是否是你期望的。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("[id^=topic]").change(function() { 
      var a = '#pk' + $(this).attr('id').replace('topic', ''); 
      var b = $(a).text() 
      alert(a + ' has value ' + b); 
     }); 
    }); 
</script> 

Answer 3

幾件事情

$(document).ready(function() { 
    $("[id^=topic]").change(function() { 
     var a = '#pk_' + $(this).attr('id').replace('topic', ''); //add # and _ 
     var b = $(a).html(); //use .html and not .val 
     alert(b); 
    }); 
}) 

這應該爲你工作。

Answer 4

基於這樣一個事實，即一個非常具體的id，比如說id ='topic_1'恰好對應id ='pk_1'，我會說你應該跳過整個替換/操作id標籤來找到另一個。

改爲使用元數據插件。

<input type=text id="topic1" class="topic {pk:#pk_1}"/> 
<input type=text id="topic2" class="topic {pk:#pk_2}"/> 

在腳本：

$(document).ready(function() { 
    $(".topic").change(function() { 
     alert($($(this).metadata().pk).html()); 
    } 
} 

元數據可以在這裏下載：

http://plugins.jquery.com/project/metadata