2013-05-08 2 views
0

Я пытался изменить текст td элемента, однако я не могу заставить его работать:Изменить текст элемента тд

http://jsfiddle.net/9HkWH/

Что может быть плохого в этой скрипке?

На самом деле это только мой первый шаг, чтобы сделать свою фактическую цель, которая заключается в приукрасить дату с помощью:

http://timeago.yarp.com/

Обновлено:

Где мне нужно сделать:

$(function() { 
    $('td[kind="date"]').html("Hello?"); 
}) 
+2

Вам нужно избегать этих котировок или вы хотите конкатенировать? Что-то не так, проверьте подсветку синтаксиса ... – elclanrs

+0

oops sorry, я думал в java haha. Во всяком случае, я уже обновил скрипку, но все равно не работает. – xybrek

+0

Эй, не меняйте! :-) – xybrek

ответ

4

Существует несколько проблем

  1. Вашего скрипт синтаксическая ошибка, кавычки не правильно спаслась
  2. Вашего HTML не действует, нет открытия/закрытия <table тегов
  3. Selector p[kind=date] является недействительным, так как нет p элемента, td имеет атрибут kind="date".

Так

$(function() { 
    $('td[kind="date"]').html("test"); 
}) 

Демо: Fiddle

+0

Arun, я обновил свой ответ с помощью этого кода, который у вас есть, но все еще не работает в jsFiddle. – xybrek

+0

О, я понял, извините, это результат разработки GWT, использующего Javascript :-) – xybrek

1

Во-первых, вы пишете неправильный селектор, не существует элемент 'р', вам следует попробовать

$("td[kind='date']").html("test");

Во-вторых, кавычки в селекторе должна быть единичными не двойной.

Последний и самый важный, ваш html-код пропустил тег 'table', поэтому html будет отображаться как текст, а не таблица, поэтому ваш селектор не будет работать, даже если вы измените селектор по советам других.

Проверьте это Demo, он отлично работает.

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