Получить abbr внутри элемента

Question

У меня есть это:

<th class="day-heading mon" scope="col">
  <abbr title="Lunes">L</abbr>
</th>

Мне нужно получить доступ к abbr и изменить innerHTML и заголовок. Как я могу это сделать? Я пытался сделать...

jQuery('.day-heading mon > abbr');

но я не могу изменить свойства оттуда.

Answer 1

Просто $("abbr"),

$("abbr").attr("title","something")
$("abbr").html("stuff")

Если вы хотите выбрать "аббр" внутри <th class="day-heading mon" >, делать:

$("th.day-heading.mon abbr")

Answer 2

Вы можете редактировать внутренний HTML-код выбранных элементов с помощью .html() функция jQuery и их title атрибуты с .attr() Функция jQuery. Таким образом, вы могли:

$('.day-heading mon > abbr').attr("title", "HST")
$('.day-heading mon > abbr').html("Hubble Space Telescope")