Javascript 每次带有类的元素更改时调用函数
我有很多div,classJavascript 每次带有类的元素更改时调用函数,javascript,jquery,Javascript,Jquery,我有很多div,classpreview。每当这个类的任何div的内容发生变化时,我都需要对其内容发生变化的div调用一个函数。目前,我的javascript看起来像: <script type="text/javascript"> $(document).on('change', function(){ var math = document.getElementsByClassName("markdownx-preview
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。此外,为了获得结果,我需要在文本区域外单击,该区域将进行更改,该区域负责更改insiderpreview
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
侦听器,并使用classpreview
。下面是一个示例,在文本框中写入任何内容,然后在文本框外单击以删除焦点,并让脚本知道在div
$(document).on('change','.preview',function()){
console.log(“找到元素”);
});代码>
您应该在$(document).on()
的第二个参数中指定选择器为.preview
,它将使用classpreview
在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会更容易。