Добрый день.
Подскажите, как определить первые два слова в строке и обернуть их в <span>
? JS или jQuery — разницы нет.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуa = "Первые два слова в span".split(' ').slice(0, 2);
document.getElementById('some').innerHTML = a;
<span id="some">
</span>
Заменить "от начала строки .. буквы, пробелы, буквы" на "то что нашли ранее":
// "foo bar baz" -> "<span>foo bar</span> baz"
("foo bar baz").replace(/^(\w+\s+\w+)/, '<span>$1</span>');
вот такой вариант немного топорно :) и можно сделать аккуратней но суть ясна мне кажется.
function myFn(str, numberOfWords) { // получаем столько слов сколько нужно
let index;
for (let i = 0; i < numberOfWords; i++) {
index = str.indexOf(' ', index + 1);
}
return '<span>' + str.substring(0, index) + '</span>' + str.substring(index);
}
a = "Первые два слова в span"
console.log(myFn(a, 2));
Вот мое решение:
var firstWords = $('.entry-content.text_cont_inner p').first().addClass('first-letter');
var a = new String;
a = firstWords.html();
var b = a.indexOf(' ',10);
if (b == -1) {
b = a.length;
}
firstWords.html('<span class="first-word">'+a.substring(0, b)+'</span>'+a.substring(b, a.length));
.entry-content.text_cont_inner p .first-word {
text-transform: uppercase;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="entry-content text_cont_inner">
<p>Let`s speasdfg sdfgsdfgk about a </p>
</div>
a = new String;
если сразу же идет a = firstWords.html();
? Откуда взялась константа 10
вот тут: a.indexOf(' ',10)
?