2012-03-22 3 views
1

заранее за просмотр моего сообщения.как установить тэг p внутри div и тега div внутри тега td

Я использую jquery уже около недели и до сих пор, это довольно аккуратно. Кажется, я застрял. У меня есть таблица со следующей структурой:

Например, у меня есть таблица с идентификатором «mytable». Строки в следующих ячейках:

  • Td с тегом div. Тег div имеет тег p с идентификатором как «myP1»
  • Td с тегом div. У тега div есть тег p с идентификатором как «myP2»

Ничего не работает, я работаю? Как установить html внутри тегов «p»? Это не работает:

//note: the key would match one of the ids in the "p" tags. 
jQuery.each(map, function(key, value) { 
    $('#mytable td').find('p[id=' + key + "]'").html(value); 
    //this did not work either --> $('#' + key).html(value); 
}); 

Спасибо, что обратились за помощью!

+0

Пожалуйста, вставьте HTML-код, так что мы не должны оказывать все в наших головах. – joar

+0

, если ключ соответствует идентификатору 'P', код должен работать ... как выглядит' map'? – charlietfl

+0

'$ ('#' + key)' & 'find ('p [id =' + key +"] '")' не работал, потому что ваши имена не являются числом. Вопрос в том, является ли «ключ» в вашем объекте/массиве переменной переменной номером индекса или это действительно строка типа «myP1»? – SpYk3HH

ответ

0
// this is jquery method for window.onload = function ... 
$(function() { 
    // this tells jQuery to get the element with the ID "myP1" and fill it's text with what's in() of .text 
    $("#myP1").text('Type a string here and it will be the text') 
}); 

, как и для остальной части Вашего ответа, я думаю:

$(function(){ 
    $.each(map, function(i, data){ // i is 0 based index, or could be key 
            // in object like var map = { key1: 'value1' } 
     $("#myP"+(i+1)).text(data); 
    ​}); 
}); 

here is a working example with even more fun uses of jQuery, will add comments to it and update it shortly

+0

спасибо за образец кода! – sasims

1

Чтобы обновить все р теги внутри DIV в этой таблице, вы можете сделать это

$(function(){ 

    $("#mytable div p").html("dynamic content");  

}); 

Вот рабочий образец

http://jsfiddle.net/2gWHW/3/

Если вы хотите загрузить только конкретный р, вы можете использовать идентификатор, который, как этот

$("#myP1").html("new content"); 
+0

К сожалению, ни один из них не работал. – sasims

+0

@sasims: Вы проверили ссылку, где я разместил образец? Я предполагаю, что у вас есть другая ошибка скрипта. Используйте firebug, чтобы увидеть, какую ошибку он показывает на вкладке консоли. – Shyju

+0

Спасибо Shyju за вашу помощь! – sasims

Смежные вопросы