Switched wersja jQuery, a teraz uzyskać Uncaught TypeError: Nie można odczytać właściwości "replace" - javascript, jquery, wordpress, uncaught-typeerror

Przeniosłem ten roboczy kod do WordPress i od

http://code.jquery.com/jquery-1.11.3.min.js

do osadzonej wersji WordPressa jQuery v1.12.4

a teraz dostaję Uncaught TypeError: Nie można odczytać właściwości „zamiany” na niezdefiniowany

<div class="meter">
<span style="width:50%"></span>
<p></p>
</div>

var bar = $("span");
var p = $("p");

var width = bar.attr("style");
width = width.replace("width:", "");
width = width.substr(0, width.length-1);


var interval;
var start = 0;
var end = parseInt(width);
var current = start;

var countUp = function() {
current++;
p.html(current + "% completed);

if (current === end) {
clearInterval(interval);
}
};

interval = setInterval(countUp, (1000 / (end + 1)));

Czego brakuje mi ze zmianą wersji?

Odpowiedzi:

@ TheShaman trafił na powód błędu. To nie jest aktualizacja jQuery, ale wprowadzenie innego span to powoduje problem. Jeśli wcześniej span brak wyboru style otrzymasz komunikat o błędzie, który raportujesz. Po prostu ustaw bardziej restrykcyjny selektor, aby rozwiązać problem:

var bar = $(".meter span");