JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='team-member'>
        <div class='team-member--pic'>
          <img class='greg-pic'>
        </div>
        <div class='team-member--description'>
          <div class='title-caption'>
            <h4 class='notranslate'>Gregory Makoul</h4>
            <span data-translate >Founder and CEO</span>
          </div>
          <p data-translate class='light-reading'>
            An expert in doctor-patient communication and shared decision making, Greg is internationally
            recognized for a radical common sense, patient-centered approach to innovation. He started
            PatientWisdom because professional and personal experience made it clear that listening to
             patients – individually and at scale – is the real key to improving health and healthcare.
             Greg earned a BA from Wesleyan, PhD from Northwestern, and MS in Health Care Delivery
             Science from Dartmouth.
           </p>
           <a class='notranslate linkedin-icon' href='https://www.linkedin.com/in/gregorymakoul' target='_blank'>LI</a>
        </div>
      </div>
      <div class='team-member'>
        <div class='team-member--pic'>
          <img class='eric-pic'>
        </div>
        <div class='team-member--description'>
          <div class='title-caption'>
            <h4 class='notranslate'>Eric Langshur</h4>
            <span data-translate>Co-Founder</span>
          </div>
          <p data-translate class='light-reading'>
            Eric is co-founder of Abundant Venture Partners as well as AVIA and PatientWisdom. Prior
            to co-founding these partnerships, Eric was Founder and Chairman of Rise Health, a
            venture-backed digital technology and services company. An early leader in social media,
            Eric is also Founder of CarePages, which he built to become the world’s largest healthcare
            social networking website. Eric earned a BBA from the University of New Brunswick and
            holds an MBA...

JavaScript

$(function() {
	$('.team-member').each(function(teamMember) {
  	console.log("{ \n"
    	+ "image: " + "'" + getImage(this) + "'" + ", \n"
      + "name: " + "'" + getName(this) + "'" + ", \n"
      + "title: " + "'" + getTitle(this) + "'" + ", \n"
      + "description: " + "'" + getDescription(this) + "'" + ", \n"
      + "link: " + "'" + getLink(this) + "'" + ", \n"
    + "}");
  });
});

function getImage(teamMember) {
	return $(teamMember).find('.team-member--pic').first().children().first().attr('class');
}
function getName(teamMember) {
	return $(teamMember).find('.title-caption').first().children().first().text();
}
function getTitle(teamMember) {
	return $(teamMember).find('.title-caption').first().children().last().text();
}
function getDescription(teamMember) {
	return $(teamMember).find('.light-reading').first().text();
}
function getLink(teamMember) {
	return $(teamMember).find('.linkedin-icon').first().attr('href');
}