Question

我有以下html元素：

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

我需要更改＆＃39; pinterest＆＃39;中的title属性值联系我们＆＃39;当一个人悬停在上面的img上时，它被用作工具提示。

我已经完成了一些搜索，我相信用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中出现问题，因为您在关闭括号后添加了卷曲

e.g。

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

结尾

只需替换：

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

应替换为

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

＆＃13;

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

＆＃13;

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

＆＃13;

注意：与JQuery库版本无关：）

更改HTML元素＆＃39;标题＆＃39;的内容用于工具提示的属性，使用jquery或css

1 个答案: