2010-05-24 9 views
4

Ниже мой столПолучение значения тд выбранного тр в JQuery

<table> 
    <tr class=chargeTR> 
     <td id=chargeTD> 
      charge1 
     </td> 
    </tr class=chargeTR> 
     <td id=chargeTD> 
      charge2 
     </td> 
    </tr> 
<table> 

Ниже мой JQuery называют

$(".chargeTR").each(function() { // this line works fine 
     $.get("process.php", { 
      value: $(this).find("#chargeTD").val(), // I must be doing something wrong here... 
     }, function(theXML){ 
      alert(theXML); 
     }); 
}); 

Я не могу получить значение «charge1» и «charge2».

Может кто-нибудь, пожалуйста, исправьте меня в этом?

+3

несколько идентификаторов одного и того же имени плохая практика. Идентификаторы предназначены для использования один раз на странице. Используйте имена классов в случаях повторения элементов с родительским идентификатором. В вашем случае присвойте идентификатор таблице, и ваш вызов начнется с $ ("# idOfTable tr) .each (function() { –

ответ

10

использование .text() или .html() вместо .val(), так как .val предназначена для получения value="" атрибутов из форм.

1

Возможно, вам понадобится $ .trim(), чтобы получить точный текст без пробелов.

$.trim($(this).find("#chargeTD").text()) 
0

Он работал формировать меня:

HTML:

<tr class="" id="tr_id" > 
    <td class="l_id">7283630222</td> 
</tr> 
<tr class="" id="tr_id" > 
    <td class="l_id">7276684022</td> 
</tr> 
<p id="leadID">-lead id here-</p> 

JQuery:

$(document).ready(function() { 
    $("tr#tr_id").click(function() { 
     $("#leadID").text($(this).find("td.l_id").text()); 
    }); 
}); 
Смежные вопросы