Javascript 如果动态按钮发生更改，如何从中获取数据属性

我想获取动态按钮（由multiselect库创建）的属性（此处为标题）的值，如果有更改，则将其显示在文本框中

以下是我现在拥有的：

//用于组合复选框值
$（函数（）{
$（'input'）。在（'click'，function（）上{
var值=[]；
$（'input[name=test]：选中'）。每个（函数（）{
value.push（$（this.parent（）.text（））；
});
$（'[name=“result”]'）。attr({
value:values.join（“|”）
});
});
});

最终的
CONCAT的文本测试
CONCAT的复选框测试
测试3

测试4

从MULTISELECT JQUERY库创建的按钮
选定的4个
如果您有一个事件侦听器，只需使用按钮的title属性并将其设置为输入字段的值，如：

$('input[name=spantitle]').val($('.multiselect ').attr('title'));

如果不确定动态更改何时或如何发生，可以使用

MutationObserver接口提供了监视
正在对DOM树进行更改。它被设计成一个替代品
对于较早的突变事件特征，这是DOM3的一部分
事件规范

下面是一个它如何工作的示例：


//用于组合复选框值
$（函数（）{
$（'input'）。在（'click'，function（）上{
var值=[]；
$（'input[name=test]：选中'）。每个（函数（）{
value.push（$（this.parent（）.text（））；
});
$（'[name=“result”]'）。attr({
value:values.join（“|”）
});
});
});
$（“#测试”）。在（'单击'，（）=>{
$（'.multiselect'）.attr（'title'，'Just other attribute'）；
});
var观察者=新的突变观察者（（突变）=>{
突变。forEach（（突变）=>{
if（mutation.type==“attributes”）{
$（'input[name=spantitle]'）.val（$（'.multiselect'）.attr（'title'））；
}
});
});
observer.observe（$（'.multiselect'）[0]{
属性：true//侦听属性更改
});

最终的
CONCAT的文本测试
CONCAT的复选框测试
测试3

测试4

从MULTISELECT JQUERY库创建的按钮
选定的4个
考验我还不确定你在问什么。如果一个现有的按钮元素只是动态地改变了它的标题。可能需要调查一个突变观察者？否则，如果创建了新元素或标记，为什么不在回调中使用jQuery获取title属性，并将其放入输入、span或用于显示该属性的任何内容中呢。好像你也可以用工具提示之类的？