获取元素内部的缩写答案

【问题标题】：Get abbr inside element获取元素内部的缩写
【发布时间】：2015-03-26 15:20:43
【问题描述】：

我有这个：

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

我需要访问缩写并更改 innerHTML 和标题。我怎么做？我试着做...

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

但我无法从那里修改属性。

【问题讨论】：

如果你希望选择器同时出现在两个类上，请执行 jQuery('.day-heading.mon > abbr'); （没有空格并放入句号）。一旦你有了正确的选择器，你就可以使用 .attr() 和其他函数

【解决方案1】：

只需$("abbr")。

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

如果您想选择<th class="day-heading mon" > 中的“缩写”，请执行以下操作：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：