Javascript 每次带有类的元素更改时调用函数

Javascript 每次带有类的元素更改时调用函数,javascript,jquery,Javascript,Jquery,我有很多div,classpreview。每当这个类的任何div的内容发生变化时,我都需要对其内容发生变化的div调用一个函数。目前,我的javascript看起来像: <script type="text/javascript"> $(document).on('change', function(){ var math = document.getElementsByClassName("markdownx-preview

我有很多div,class
preview
。每当这个类的任何div的内容发生变化时,我都需要对其内容发生变化的div调用一个函数。目前,我的javascript看起来像:

        <script type="text/javascript">

        $(document).on('change', function(){
            var math = document.getElementsByClassName("markdownx-preview");

            console.log("element found");

            MathJax.Hub.Queue(["Typeset",MathJax.Hub,math]);
        });

    </script>

$(文档).on('change',function(){
var math=document.getElementsByClassName(“markdownx预览”);
console.log(“找到元素”);
Queue([“Typeset”,MathJax.Hub,math]);
});
我不知道这种方法是否正确和有效,但我可以很容易地看出它适用于整个DOM,而不是一组类div。此外,为了获得结果,我需要在文本区域外单击,该区域将进行更改,该区域负责更改insider
preview
divs的内容


我是javascript/jquery领域的新手,对于获得所需输出的任何提示/帮助,我们都将不胜感激。

Mybe使用如下内容:

$("body").on('DOMSubtreeModified', "mydiv", function() { 
  //magic happens here
});

将mydiv更改为您的。

Mybe使用如下内容:

$("body").on('DOMSubtreeModified', "mydiv", function() { 
  //magic happens here
});

mydiv
更改为您的。

您应该在
$(document.on()
的第二个参数中指定选择器为
.preview
,它将在
div
上添加一个
Change
侦听器,并使用class
preview
。下面是一个示例,在文本框中写入任何内容,然后在文本框外单击以删除焦点,并让脚本知道在
div

$(document).on('change','.preview',function()){
console.log(“找到元素”);
});

您应该在
$(document).on()
的第二个参数中指定选择器为
.preview
,它将使用class
preview
div
上添加一个
更改
侦听器。下面是一个示例,在文本框中写入任何内容,然后在文本框外单击以删除焦点,并让脚本知道在
div

$(document).on('change','.preview',function()){
console.log(“找到元素”);
});

您的目标是
文档
,而不是正在更改的单个元素

您需要将选择器更改为:

jQuery('.markdownx preview').on('change',function()){
var math=jQuery(this);
console.log(“找到元素”);
console.log(math.val());
Queue([“Typeset”,MathJax.Hub,math]);
});

您的目标是
文档
,而不是正在更改的单个元素

您需要将选择器更改为:

jQuery('.markdownx preview').on('change',function()){
var math=jQuery(this);
console.log(“找到元素”);
console.log(math.val());
Queue([“Typeset”,MathJax.Hub,math]);
});


除了
之外,您还应该向此类元素添加
id
。将有助于更改特定的
div
div的内容将如何更改?你能分享相关的标记吗?@SandeshGupta当他有多个元素时,从class更改为ID会有什么帮助?你可以查看
DOMMutator
,但是它很昂贵。@CarstenLøvboAndersen因为这个人想调用内容已更改的函数,使用特定id修改div会更容易。除了
之外,还应该向此类元素添加
id
。将有助于更改特定的
div
div的内容将如何更改?你能分享相关的标记吗?@SandeshGupta当他有多个元素时,从class更改为ID会有什么帮助?你可以查看
DOMMutator
,但是它很昂贵。@CarstenLøvboAndersen因为这个人想调用内容已更改的函数,使用特定id修改div会更容易。