如何獲取較舊的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庫中解決，您可以使用它來解決問題。