JSFiddle - React, Tailwind, and code Playground
by Aleksey Karagodnikov
HTML
<div class="g-col1 m-colspan3 resume" itemscope="itemscope" itemtype="http://schema.org/Person">
<div class="nopaddings resume__mainblock g-round m-round_5" data-hh-resume-hash="34d73a360001cf8c670008d40e394e50336e44"><script data-name="HH/VisitedResumeStorage" data-params=""></script><div class="resume__mainblock__main m-resume__mainblock__main_noaside"><div class="resume__personal"><div class="resume__personal__name" itemprop="name">Топольская Маргарита Александровна</div><div class="resume__inlinelist"><span class="resume__inlinelist__item"><strong itemprop="gender">Женский</strong> пол</span>​<span class="resume__inlinelist__item" itemprop="address" itemscope="itemscope" itemtype="http://schema.org/PostalAddress"><strong itemprop="addressLocality">Тула</strong>, не готова к переезду</span>​<span class="resume__inlinelist__item">Готова к редким командировкам</span></div></div><hr class="resume__contacts_divider"><div class="resume__contacts" itemprop="contactPoints" itemscope="itemscope" itemtype="http://schema.org/ContactPoint"><div><div class="resume__contacts__preferred g-round m-round_10"><div class="resume__contacts__phone"><span class="resume__contacts__phone__number" itemprop="telephone">
+7 909 2604494</span><span class="resume__contacts__preferred__hint">
желаемый способ связи</span></div></div></div><div class="resume__inlinelist"><span class="resume__inlinelist__item"><span><span><a href="mailto:[email protected]" itemprop="email">[email protected]</a></span></span></span></div></div><hr class="resume__contacts_divider noscreen"><span class="resume__updated">Резюме обновлено 2 недели назад
08.06.2015</span></div></div>
<div class="nopaddings resume__mainblock g-round m-round_5" data-hh-resume-hash="fd38f6b60001b526620008d40e596d474f3774"><script data-name="HH/VisitedResumeStorage" data-params=""></script><div class="resume__onsite">Резюме с сайта...
JavaScript
$().ready(function () {
console.log("yay");
String.prototype.paddingLeft = function (paddingValue) {
return String(paddingValue + this).slice(-paddingValue.length);
};
$.fn.getTrimmedText = function() {
return this.text().trim();
};
String.prototype.parseDate = function (options) {
var settings = $.extend({
// These are the defaults.
format: "natural"
}, options );
var dateTime = new Date(this);
switch (settings.format.toLowerCase()) {
case "natural":
return {
"day": dateTime.getDate(),
"month": dateTime.getMonth() + 1,
"year": dateTime.getFullYear()
};
case "javascript":
return {
"day": dateTime.getDate(),
"month": dateTime.getMonth(),
"year": dateTime.getFullYear()
};
}
};
var resumeHtml = $(".resume");
var personalHtml = $(".resume__personal");
var birthDateHtml = personalHtml.find("[itemprop='birthDate']");
var birthDateObject = birthDateHtml.attr("content").parseDate();
var genderHtml = personalHtml.find("[itemprop='gender']");
var genderText = genderHtml.getTrimmedText();
var cityHtml = personalHtml.find("[itemprop='addressLocality']");
var cityText = cityHtml.getTrimmedText();
var educationHtml = resumeHtml.find("[itemprop='alumniOf']");
var educationLevelHtml = educationHtml.eq(0).closest('table').prev();
var educationLevel = educationLevelHtml.getTrimmedText();
var educationPlacesArray = [];
var experienceHtml = $(".resume__experience");
var experienceItemHtml = experienceHtml.find(".resume__experience__item");
var experienceArray = [];
var skillsHtml = $(".skills-element");
var skills = [];
educationHtml.each(function() {
var item = $(this);
var...