要素の中身が変更されたとき実行

今回は要素の中身が変更されたとき実行するjqeryの紹介です。
wpなどで動的に書き出される要素に対して、もっと見るボタンなどの中身の文字や画像の変更をjqueryで行うことが可能です。

var content = null;
$(document).ready(function() {

    var a = function() {
        if (content != $('#item').text()) {
            if (content != null) {
                
               $(function(){
	       $('.itemDetail .soldout').each(function(){
		var txt = $(this).html();
		$(this).html(
			txt.replace(/変更前/g, '変更後')
		);
	});
});

            }
            content = $('#item').text();
        }
    };
    setInterval(a, 300);
});