javascript - 获取元素内部的缩写

Question

我有这个：

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

我需要访问缩写并更改 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

您可以使用 jQuery 函数编辑选定元素的内部 HTML，并使用.html()jQuery 函数编辑它们的title属性.attr()。因此，您可以这样做：

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