Javascript 添加侦听器以跨越内容更改

我有一个简短的代码片段，我希望在每次从

ul

（出于CSS目的）创建的下拉列表更改其值时运行它

<span class="persons">5 personer</span>
<ul class="dropdown">
    <li><a href="#">5 personer</a></li>
    <li><a href="#">6 personer</a></li>
    <li class="goodprice"><a href="#">7 personer (mer prisvärt)</a></li>
    <li><a href="#">8 personer</a></li>
    <li class="goodprice"><a href="#">9 personer (mer prisvärt)</a></li>
    <li><a href="#">10 personer</a></li>
    <li class="goodprice"><a href="#">11 personer (mer prisvärt)</a></li>
</ul>

---

因此，我需要的是一旦您从

ul

中选择新的内容，就会触发JS代码。我尝试添加类似于

$（'ula'）的内容

和

$（'span'）.change（function（）{}）

没有任何结果，因此我非常需要您的帮助来解决这一小问题。

span本机没有

更改事件，但没有任何东西阻止您手动触发它，然后该事件的任何订阅都将触发：

$(function(){
    $('.persons').change(function() {
       console.log('span changed to ' + $(this).text());
    });

    $('ul li a').click(function(){
        $('.persons').text($(this).text()).trigger('change');
    });
});

实时示例：
一个span本机没有
更改
事件，但没有任何东西阻止您手动触发它，然后对该事件的任何订阅都将触发：

$(function(){
    $('.persons').change(function() {
       console.log('span changed to ' + $(this).text());
    });

    $('ul li a').click(function(){
        $('.persons').text($(this).text()).trigger('change');
    });
});

实例：
这是一个好的开始，但我没有让它与我的代码结合使用。第一个触发器会开火，但下一个触发器不会。无论我点击什么，它都只会隐藏和显示JS代码第6-9行中选中的项目。更新：您的代码读取
change
处理程序之外的文本，因此它只读取一次（加载时），而不是每次跨度更改时。请参阅更新：这是一个好的开始，但我没有让它与我的代码结合使用。第一个触发器会开火，但下一个触发器不会。无论我点击什么，它都只会隐藏和显示JS代码第6-9行中选中的项目。更新：您的代码读取
change
处理程序之外的文本，因此它只读取一次（加载时），而不是每次跨度更改时。请参阅更新：