Javascript Jquery选择多个类，加载外部文件

我有两个链接，与类dynamicLoad

<ul class="navbar">
    <li><a href="Page3-News.html" class="dynamicLoad news">NEWS</a></li>
    <li><a href="Page2-Events.html" class="dynamicLoad">EVENTS</a></li>
</ul>

然后我有了这个已经在运行的代码，它将外部页面加载到一个名为#MainWrapper的div中：

<script type="text/javascript">
    $( document ).ready( function() {
        $( 'a.dynamicLoad' ).click( function( e ) {
            e.preventDefault();   // prevent the browser from following the link
            e.stopPropagation();  // prevent the browser from following the link

            $( '#MainWrapper' ).load( $( this ).attr( 'href' ) );
        });
    });

</script>

$（文档）.ready（函数（）{
$（'a.dynamicLoad'）。单击（函数（e）{
e、 preventDefault（）；//防止浏览器跟随链接
e、 stopPropagation（）；//阻止浏览器跟随链接
$（'#MainWrapper'）.load（$（this.attr（'href'））；
});
});

---

如何编辑此代码和我的链接，以便我可以将dynamicLoad和news类的第一个链接作为目标，然后将另一个脚本和/或页面加载到主包装中，而不破坏其现有的工作功能？

您可以使用

$（“a.dynamicLoad.news”）选择第一个链接

您可以将这两个类添加到选择器中，如下所示：

$(document).ready( function() {
    $('a.dynamicLoad.news:first').click(function(e) {
        $('#MainWrapper').load(this.href);
        return false;
    });
});

---

A，因此您可以将代码精简一点……就像我上面所说的那样。

接下来的问题呢？