获取元素内的缩写

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")

如果您想 select <th class="day-heading mon" > 中的 "abbr"，请执行：

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

Answer 2

您可以使用 .html() jQuery function and their title attributes with .attr() jQuery 功能编辑所选元素的内部 HTML。因此，你可以这样做：

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