Как извлечь текст «ближайшего соседа» с помощью javascript?

Вы можете использовать querySelectorAll, чтобы получить все элементы .type, а затем проверить, совпадает ли текст с Company Name, а затем получить nextElementSibling

document.querySelectorAll('.type').forEach(el => {
  let text = el.textContent;

  if (text == 'Company Name') {
    el.nextElementSibling.style.color = 'red'
  }
})

<span class = "type">First Name</span>
<span class = "entity">Bob</span>

<span class = "type">Company Name</span>
<span class = "entity">Apple</span>

<span class = "type">Phone</span>
<span class = "entity">800.555.5555</span>

просто используйте это:

document.querySelector("type").nextSibling;

Вы можете использовать это, чтобы получить карту типа-сущности:

const mapping = Object.assign(...Array.from(document.querySelectorAll(".type + .entity"), ({previousElementSibling: {textContent: type}, textContent: entity}) => ({[type]: entity})));

console.info(mapping); // { "First Name": "Bob", "Company Name": "Apple", Phone: "800.555.5555" }
console.info(mapping["Company Name"]); // "Apple"

Это работает, если взять textContent каждого .entity, которому предшествует .type, и взять textContent их previousElementSibling. Параметр вложенной деструктуризации переименовывает textContent узлов .type в type и textContent узлов .entity в entity, чтобы создать объект {[type]: entity} для каждой пары <span>. Наконец, Object.assign объединяет все объекты в один.

Вы можете использовать jQuery .next () а потом просто позвони

$('.type').next().text(); 

чтобы получить текст в виде строки

Вы можете получить это, найдя все элементы .type, затем перебрав их в цикле и проверив nextElementSibling, чтобы убедиться, что это Спички.entity

Array.from(document.querySelectorAll('.type')).forEach(el => {
  let next = el.nextElementSibling
  if (el.textContent == 'Company Name' && next.matches('.entity')) {
    console.info(next.textContent)
  }
})

<span class = "type">First Name</span>
<span class = "entity">Bob</span>

<span class = "type">Company Name</span>
<span class = "entity">Apple</span>

<span class = "type">Phone</span>
<span class = "entity">800.555.5555</span>

Если для типа всегда есть соответствующая сущность, следующее решение является жизнеспособным. Идея состоит в том, чтобы предварительно выбрать элементы, а затем перебрать их в цикле, и, если совпадение найдено, получить соответствующую сущность из другой коллекции и изменить ее цвет.

var types = document.querySelectorAll('.type');
var entities = document.querySelectorAll('.entity');

for (var i = 0; i < types.length; i++) {
  if (types[i].textContent === 'Company Name') {
    entities[i].style.color = 'Red';
    break;
  }
}

<span class = "type">First Name</span>
<span class = "entity">Bob</span>

<span class = "type">Company Name</span>
<span class = "entity">Apple</span>

<span class = "type">Phone</span>
<span class = "entity">800.555.5555</span>

Я добавил функцию, которая будет фильтровать сущность с типом в качестве ключа

 <span class = "type">First Name</span>
    <span class = "entity">Bob</span>

    <span class = "type">Company Name</span>
    <span class = "entity">Apple</span>

    <span class = "type">Phone</span>
    <span class = "entity">800.555.5555</span>

      <script>
        var filterData = function(type){
            var typeData  =  document.getElementsByClassName('type')
          for(i=0;i<typeData.length;i++){
            if (typeData[i].outerText == type ){
                var entity = typeData[i].nextSibling.nextElementSibling
                console.info(entity.outerText)
            }

          }
        }
        filterData("Company Name")

     </script>