KnightForce

Своими словами:
В момент клика в родителе ищешь все нужные потомки через children или find() и добавляешь нужный класс.
Можешь фильтровать активный элемент.

Абстрактный код:

var parent = $(".parent");

parent .click(function(e) {
  $(e.target).addClass("active");
  parent.find("button:not(.active)").addClass("blur");
});

Либо всем потомкам контейнера установи размытие, а активному отменяй.

1) indexOf возвращает:
а) -1 - если не найдено,
б) 0 - на нулевой позиции,
в) Позицию.

2) Используй elem.chilren или elem.querySelectorAll.

3) Решение:
а) Если у тебя потомок только 1 span:
elem.children[0];

б) Если вложен во что-то, но также найдет и остальные span.
elem.elem.querySelectorAll("span")[0];

Раз у тебя вообще возникают такие вопросы, прочти этот учебник:

https://learn.javascript.ru/

Вопросы сами отпадут.)

codedzen.ru/react-urok-4-slozhnyye-vzaimodeystviya

Еще короче и без массивов.

var str="abcdef";
var res="";
for(var i = str.length; i>0; i--) {
	res+=str[i-1];
}

Не до конца понял, откуда ты хочешь получать.
По клику или как.
Как я понял, тебе нужно узнать значение input, независимо от количества таких же div.
Если по событию, то как-то так:
Допустим у всех кнопок ADD есть класс buttonAdd.
Покажу пример с обработчиком на body и делегированием.

var body=$("body");

body.on("click", function(e){
   var bittonAdd=$(e.target).closest(".buttonAdd");
   if(!bittonAdd.length) return false;
/*
проверка длины нужна, потому что hasClass проверяет наличие класса, а closest, если не найдет подходящего родителя вернет пустой объект (который при преобразовании к булеву типу будет true).
*/
   var div = bittonAdd.closest("div");//Если у div есть класс, то bittonAdd.closest(".имяКласса");
   var input = div.find("input");
   var value = input.val();//Это и есть значение.
//Добавить в таблицу:
  div.find("table").append("<tr><td>"+value+"</td><td>здесь твои кнопки<td><tr>");
/*
Не children, если input прямой потомок, то можно children, но если нет - то он его не найдет
*/
});

Подробно расписал, чтобы было понятно.

Для ускорения работы, можешь сделать шаблон строки для таблицы:

body.on("click", function(e){
   var bittonAdd=$(e.target).closest(".buttonAdd");
   if(!bittonAdd.length) return false;
   var div = bittonAdd.closest("div");
   var value = div.find("input").val();//Это и есть значение.
   var tr = hideLine.clone(true);
   tr.find("td").eq(0).text(value);
   div.find("table").append(tr);
});

//тот самый шаблон:

var hideLine = $("<tr><td></td><td>здесь твои кнопки<td><tr>");

Нашел выход:
find({}).lean().exec(function(err, docs){});