javascript - 只要属性 attr ('title' )的值发生变化，span.label 的 html 就会自动更改

Question

我有html

<div class="save-ad-btn">
<a class="fi_make_favorite" title="Make favorite">xyz
</a>
<span class="label">Favorited</span>
</div>

和 JavaScript

$('.save-ad-btn').find('span.label').text($(this).find('a.fi_make_favorite').attr('title'));

它工作得很好，但我希望每当属性 attr('title') 的值发生变化时，span.label 的 html 应该自动更改。

Answer 1

将代码放入函数中，并在加载时以及更改标题时调用它

function copyTitle() {
  $('.save-ad-btn').each(function() {
    $(this).find('span.label').text(
      $(this).find('a.fi_make_favorite').attr('title')
    );
  });  
}

$(function() {
  copyTitle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="save-ad-btn">
  <a class="fi_make_favorite" title="Make favorite">xyz
    </a>
  <span class="label">Favorited</span>
</div>

另请看这里: Detecting attribute change of value of an attribute I made