Parsing custom text tags using JS or jQuery

Question

I need to search a <div> of a specific class for a simple text system, then store the text.

Basically, there will be a div, and inside the div there might be some text like:

[ALERT](TEXT TO STORE HERE)

I'd like to search a div for the ALERT tag, then store any text inside the () under a variable if it exists, and push an alert to the console if it's found.

However, while I can easily find the first part, [ALERT], I cannot figure out how to find the whole string, or store the containing text. I think it should end up something like:

var alerttext = $("#result").find("[ALERT](.)")=(function()
{
return $(this).html();
}).get();

However, that seems pretty far off, and definitely isn't working.

Edit: The html would resemble:

<div id="bbb" class=""><p id="aaa">text test text

[ALERT](TEXT TO STORE HERE)

More text down here

</p></div>

Can you include html at Question ?

guest271314
– guest271314

2016-02-26 22:03:22 +00:00
Commented Feb 26, 2016 at 22:03 — guest271314
– guest271314, Commented Feb 26, 2016 at 22:03

guest271314 · Accepted Answer · 2016-02-27 00:15:43Z

2

Try using .text() , String.prototype.replace() with RegExp /(\n.+$)|($.+\n+\s+$)/g to replace input string up to ( , from ) to end of input , remove newline, space characters at beginning and end of matched string

var arr = [];

$("#bbb").text(function(i, text) {
  if (text.indexOf("[ALERT]") >= 0) {
    var match = text.replace(/(\n.+\()|(\).+\n+\s+$)/g, "");
    arr.push(match);
    console.log(arr);
  };
  return text
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="bbb" class="">
  <p id="aaa">text test text [ALERT](TEXT TO STORE HERE) More text down here
  </p>
</div>

edited Feb 27, 2016 at 0:15

answered Feb 26, 2016 at 22:07

guest271314

1

Sign up to request clarification or add additional context in comments.

1 Comment

RNPF Over a year ago

This works perfectly- I should have known it was gonna come down to regex. Thanks for your help!

Collectives™ on Stack Overflow

Parsing custom text tags using JS or jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related