получить текст внутри тега «[]» с помощью JavaScript

Question

Я не знаю, как спросить это правильно, но мне нужно, чтобы получить текст внутри [] тег и сделать его переменной

лисица отл. У меня есть:

<p>[something][written]</p> 

Мне нужно получить слово что-то из [то] и сделать его вар и то же самое для [написано], так что я могу иметь что-то вроде этого:

var text1 = something /*-only the word-*/ 
var text2 = written /*-only the word-*/ 

использовать это нравится:

<span>there is '+text1+' '+text2+' here.</span> 

конечно, это не так, как я буду использовать его, но они отчасти похожи. Является ли это возможным? извините, я полностью новичок. заранее спасибо.

Answer 1

EDIT: Вот решение, которое вы можете даже попробовать с консоли

<script> 
var text = "<p>[Something][Written]</p>"; 
var inBrackets = text.split('['); 
for (var i = 1; i < inBrackets.length; i++) 
{ 
    console.log(inBrackets[i].split(']')[0]); 
} 
</script> 

Гудлак!

EDIT: Здесь вы получаете каждое слово, находящееся в скобке, и назначаете их в var.

Answer 2

Использование регулярных выражений \[(\w+)\], полученные слова в [] будут заполнены в массиве res, то вы можете использовать их с помощью JS:

var str = \\ obtain your text from the element(s) through JS 
var res = str.match(/\[(\w+)\]/g); 

Answer 3

Вы можете использовать .text(), .match() с RegExp/\[[a-z]+\]/ig соответствовать [text], .map(), .replace() с RegExp/\[|\]/ для удаления [, ] знаков

var [something, written] = $("p").text().match(/\[[a-z]+\]/ig) 
 
          .map((t) => t.replace(/\[|\]/g, "")); 
 

 
console.log(something, written); 
 

 
var span = `<span>there is ${something} ${written} here.</span>`; 
 

 
$("body").append(span);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>[something][written]</p>