jquery - jqueryのテキスト変更について

Question

非同期的に更新される値を持つスパンがあります。だから、jqueryに値を聞いてもらい、それが等しい場合は、別のhtml要素を非表示にしたい「テスト」としましょう。.changeはテキストボックスと選択に対してのみ有効であるため、どのイベントを使用すればよいかわかりません。

Answer 1

値を非同期に更新しているメソッドのコールバック関数にアクセスできますか? その場合は、応答を分析する条件/リスナーをそこにドロップできます。このようなもの：

$.ajax({
   success: function(responseData) {
      if(responseData.specificKeyValue == 'test') {
          $('element to hide').hide();
      }
   }
});

Answer 2

私は以下のようなことをします。スパンを更新すると、基本的にカスタムイベントがトリガーされます。

注: 以下はデモ コードです。アイデアを得て、それに応じて実装してみてください。

$(function() {
    var $result = $('#result');
    setInterval(function() {
       $result.append('Span Updated').trigger('spanChange');
    }, 1000);

    $result.on('spanChange', function () {
        //your custom span change listener
        console.log('Span got updated');
    });
});

デモ