如何获取较旧的jQuery版本以访问SVG元素

Question

我在应用程序上使用了jquery 1.11.3，但是jquery 1.11.3似乎不想访问SVG中的元素。 这可能吗。 我不知道为什么不这样做。

使用Jquery 1.11.3-不起作用（ update ，现在使用1.12.4版本，并且可以使用）

http://codepen.io/omarel/pen/zNMJOJ

使用jQuery 3.1 -Works

http://codepen.io/omarel/pen/XpyBOq

更新：感谢@Rikin，我意识到我可以使用1.12.4版本，该版本开始将类名添加到SVG中，幸运的是，此版本可与我正在处理的应用程序一起使用。

JQUERY

 $( ".amenitylink" ).on( "click", function() {
  $('svg #lobby').toggleClass("highlight");
 });

的HTML

 <div class="amenitylink">click me</div>

 <svg version="1.1" id="main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="276px" height="210px" viewBox="0 0 276 210" style="enable-background:new 0 0 276 210;" xml:space="preserve">
<style type="text/css">
 <![CDATA[
.st0{fill:none;stroke:#FFFFFF;stroke-width:11;stroke-miterlimit:10;}
]]>
</style>
 <rect id="lobby" x="13" y="17" class="st0 " width="240" height="179"/>
 </svg>

的CSS

 body {
 background-color:#000;
 color:#fff;
 }
.amenitylink {
cursor:pointer;
padding:10px;
border:1px solid white;
 }
 .highlight {
    fill:rgba(134, 117, 77, 0.4) !important;
}

Answer 1

如上述v1.11.3所述-它确实正确地定位了SVG元素，但未能在其中添加类名。 当我调试时，它显示的是这样的内容[object SVGsomething] highlight

SVG元素类的添加已在〜1.12.4库中解决，您可以使用它来解决问题。