Сергей Соколов

Выбрать дочерние узлы первого уровня можно через contents(). Но понадобится рекурсия. Когда очередной узел текстовый, в нём можно менять содержание, но если он элемент, то надо внутрь него лезть тем же contents()

RegExp'ы с глобальной заменой лучше простого replace на случай вставки Copy-Paste текста с большим количеством двойных дефисов, например. Поэтому же событие input, а не клавиатурные.

Кроме того жо.. сложность выскочила с позицией курсора: при замене содержимого он сползает в начало узла. Ок, можно получить Selection и запомнить Range до всех замен и потом восстановить. Но тут кроется вторая засада: при замене меняется длина текста: два дефиса на одно тире. Поэтому нужно ещё и ловить изменение длины текста при замене в узле, в котором находится курсор.

Вроде, получилось. Fiddle. Код:

var curNode
	  , startOffset
	  , arrIN = ['--','<<','>>','->','<-']
	  , arrOUT = ['—','«','»','→','←']
	;
	arrIN = arrIN.map(function(s){ return new RegExp(s,'g')});

	$('#edit').on('input', onInput);
	
	function onInput() {
		var selObj = window.getSelection()
		  , range  = selObj.getRangeAt(0)
		;
		curNode = range.startContainer;
		startOffset = range.startOffset;
		$(this).contents().each(walk);
		range.setStart(curNode, startOffset);
	}

	function walk(i, node){
		var len
		  , diff
		;
		if( node.nodeType === Node.TEXT_NODE) {
			len = node.textContent.length;
			node.textContent = replacer(node.textContent);
			diff = len - node.textContent.length;
			if( node === curNode && diff) {
				startOffset -= diff;
			}
		} else if( node.nodeType === Node.ELEMENT_NODE) {
			$(node).contents().each(walk);
		}
	}

	function replacer(s) {
		var i;
		for( i = 0; i < arrIN.length; i++) s = s.replace( arrIN[i], arrOUT[i]);
		return s;
	}

Можно в глобальной переменной хранить значение активного элемента, а в data-атрибуте переключаемых пунктов записывать их текущее состояние сортировки.

var active = undefined; // здесь будет jQuery( активный пункт )
var $sortable = $('a.sortable'); // пунктов с сортировкой потом может быть больше 1
$sortable.data('sort', true); // true == asc, false == desc

$('a.clickme').on('click', function() {
  var $el = $(this);
	$sortable.removeClass('asc').removeClass('desc'); // у всех убрать сортировку
	if( $el.hasClass('sortable')) { // кликнули переключаемый пункт
	  if( active && $el[0] === active[0]) { // он был уже активен
			$el.data('sort', !$el.data('sort')); // изменили сортировку на другую
			$el.addClass( $el.data('sort') ? 'asc' : 'desc') // переключили классы соотв.
		  	.removeClass( $el.data('sort') ? 'desc' : 'asc');
		} else {
			$el.addClass( $el.data('sort') ? 'asc' : 'desc'); // просто добавили правильный класс
		}
	}
	
	if( active) active.removeClass('active'); // выключить предыдущий активный эл.
	active = $el.addClass('active'); // включить активность кликнутого
});

Fiddle

Очистить массив, не трогая добавленные свойства и методы:
ar.length = 0

С вашими значениями (вы забыли return в методе sum()):

var ar = [1, 2, 3];
ar.sum = function() {
    return this.reduce(function(a, b) {
        return a + b;
    });
}

ar.length = 0;    // значений больше нет, но метод sum() остался
ar.push(5, 6, 7); // добавляем новые значения
ar.sum()          // 18

Тернарный оператор возвращает значение. Это не то же самое, что if .. else

условие ? выражение_1 : выражение_2 – эта конструкция принимает то или иное значение: выражение_1 или выражение_2.

Нельзя ставить в тернарный оператор continue или return потому, что это не выражения, принимающие какие-то значения, а управляющие структуры.

Если бы вы выбирали, что вернуть, можно было бы написать return isItTrue ? A : B;

В вашем же случае выбора между return и continue годится только старый добрый if .. else

Попробуйте this.tracker.id

Разбить в массив по точке-с-запятой. Затем каждый элемент разбить по запятой-с-пробелом в массив пар координат (они будут текстовыми строками "55.759906" и прогнать каждую через parseFloat чтобы стали числами:

var coords = "55.759906, 37.622242;50.455898, 30.521481";
coords = coords.split(';').map( e => e.split(', ').map(parseFloat));
//[[55.759906,37.622242],[50.455898,30.521481]]

// или вариант для старых браузеров:
coords = coords.split(';').map( function(e){ return e.split(', ').map(parseFloat)});

На чистом CSS можно сделать и такой кольцевой бар и «сосиски».

D3js, по-моему, лучшая библиотека для графиков, но для этой задачи она перебор.

Использовать jQuery.each() (фиддл)

var size = 30, blogContent = $('.block p');
	blogContent.each(function(e){
	  var $el = $(this), html = $el.html();
		if( html.length > size) html = html.slice(0,size) + '&hellip;<a href="#" class="read-more-button">read more</a>';
		$el.html(html);
	});

Но вообще это так-себе затея, т.к. может ломаться разметка – например, отгрызаться незакрытый тег.

По-хорошему, надо либо убрать все теги, используя вместо .html() – .text(), либо ограничивать длину, урезая только содержание текстовых нод.

p.s. вместо троеточия используйте html-entity …

Можно использовать остаток от деления i на число картинок:

var i = 0;
    var image = document.getElementById("image");
    var imgs = new Array('play.png','pause.png','play.png','pause.png'); // Добавте свои картинки через запятую
    function imgsrc(){
      i++;
      image.src=imgs[i%imgs.length];
    }

Если захотите притормозить смену картинок, можно так:

var i = 0;
var image = document.getElementById("image");
var imgs = new Array('play.png','pause.png','play.png','pause.png'); // Добавте свои картинки через запятую
function nextImage(){
  if(i++ >= imgs.length) i = 0; 
  image.src=imgs[i];
}
function imgsrc() { window.setInterval( nextImage, 500) }

RegExp в JavaScript сохраняет своё состояние между вызовами. Так как выражение содержит флаг глобального соответствия g, после очередного найденного совпадения поиск продолжается.

У экземпляра объекта Regexp есть свойство lastIndex, которое позволяет читать/писать индекс, с которого начнётся следующее сопоставление. Он поможет разобраться:

var RE = /([A-z0-9])/g;
console.log([
  RE.lastIndex, RE.test("aaaa"), // 0,true
  RE.lastIndex, RE.test("aaaa"), // 1,true
  RE.lastIndex, RE.test("aaaa"), // 2,true
  RE.lastIndex, RE.test("aaaa"), // 3,true
  RE.lastIndex, RE.test("aaaa"), // 4,false
  RE.lastIndex, RE.test("aaaa"), // 0,true
]);

Логика не понятна, но код можно упростить так:

var tRish = "tits_rish_a1 tits_rish_a2 tits_rish_a3";
var tRishClasses = tRish.split(' ').map(e=>'.' + e).join(', '); // список классов .tits_rish_a1, .tits_rish...
var tClick = "#tits_click_a1, #tits_click_a2, #tits_click_a3";
$(function() {
	
	function onClick(e) {
		var n = (n = this.id.match(/b(\d+)/)) ? n[1] : null; // n == 1, 2 или 3
		if(!n) return;
		
		$(tClick).removeClass(tRish).addClass( 'tits_rish_a' + n);
		// $(tClick).attr('id', 'tits_click_a' + n); // id менять некошерно!
		$(tRishClasses).attr('style', '');
	}
	
	$('#b1, #b2, #b3').on('click', onClick);
});

Одна функция обрабатывает клики. Определяет номер из id кликнутого элемента #b2 => 2 и далее использует полученный номер для составления классов/id.

Нетривиальный способ: добавлять исходный текст в элемент по одному слову, и смотреть за высотой элемента. Как только она скакнула – началась новая строка.

Примерно так:

var $el = $('h1');
var s = $el.text().split(/\s+/);
var i, h = {curr:0, prev:0}, parts = [], word, back=[];
while(s.length) {
  word = s.shift();
  back.push(word);
  $el.html( back.join(' '));
  h.curr = $el.height();
  if( h.curr !== h.prev) {
    parts.push([]);
    h.prev = h.curr;
  }
  parts[ parts.length - 1].push(word);
}
parts = parts.map((e,i) => '<span class="row'+i+'">' + e.join(' ') + '</span>');

$el.html(parts.join("\n"));

CodePen

Найти значение «нужной позиции», взять подстроку исходной до этой позиции, искать в этой подстроке:

function search( search, subject, before) {
  var limit = subject.indexOf( before);
  if( limit == -1) return -1;
  return subject.substr(0, limit).indexOf( search);
}

search( 'строка 2', 'строка 1 строка 2 строка 3 строка 4',  'строка 3') // 9

upd. из комментариев. Если известна позиция, до которой искать, то ещё проще: str.substr(0,41).indexOf('что ищем')

Разбить пробелами в массив и взять 2-й элемент:
$(".toolbar-bottom-count").text().split(' ')[1]