使用 jquery 或 css 更改用于工具提示的 HTML 元素的 'title' 属性的内容

Question

我有以下 html 元素：

<a href="#" id="pinterest" alt="PINTEREST">
  <img alt="PINTEREST" title="PINTEREST" src="image.png" class="icon">
</a>

我需要将 title 属性值从 'pinterest' 更改为 'contact us'，当鼠标悬停在上面的图片上时，它用作工具提示。

我做了一些搜索，我相信它不能用 CSS 来完成（除了可能用 :before 或 :after 伪元素？），所以我现在在 jQuery.

尝试

我的 jQuery 看起来像这样：

jQuery(document).ready(function($) {
  $('#pinterest img').attr( 'title', 'Contact Us' );
)};

但是没用。

我注意到我的 jQuery 版本是 1.11.3，如果它是相关的（我了解 prop 用于更高版本）

谢谢。

Answer 1

你 jQuery(document).ready function 有问题，因为你在右括号后添加了 curly

例如

document.ready 函数以 )}; 结束，而应以 });

结束

只需替换：

jQuery(document).ready(function($) {
  $('#pinterest img').attr( 'title', 'Contact Us' );
)};

应替换为

jQuery(document).ready(function($) {
  $('#pinterest img').attr( 'title', 'Contact Us' );
});

jQuery(document).ready(function($) {
  $('#pinterest img').attr( 'title', 'Contact Us' );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a href="#" id="pinterest" alt="PINTEREST">
  <img alt="PINTEREST" title="PINTEREST" src="image.png" class="icon">
</a>

注：与JQuery库版本无关:)

使用 jquery 或 css 更改用于工具提示的 HTML 元素的 'title' 属性的内容

Changing content of a HTML element's 'title' attribute used for tooltip, using jquery or css

html

jquery

attributes

tooltip

title