Home > Web Front-end > JS Tutorial > js filtering ideas and codes for HTML tags and spaces_jquery

js filtering ideas and codes for HTML tags and spaces_jquery

WBOY
Release: 2016-05-16 17:33:16
Original
1459 people have browsed it

Copy code The code is as follows:

function setContent(str) {
str = str .replace(/]*>/g,''); //Remove HTML tag
str.value = str.replace(/[ | ]*n/g,'n '); //Remove trailing blank lines
//str = str.replace(/n[s| | ]*r/g,'n'); //Remove extra blank lines
return str;
}

During testing, I found that this code cannot filter out space characters (i.e.: ) in web pages. So I modified it again:

Copy the code The code is as follows:

function removeHTMLTag(str) {
                                                                                                                                                          ‐ ’ s ’ using ’ s ’ s ’ ‐ ‐ ‐ ‐ ‐ ‐ ‐ str = str.replace(/]*> /g,'n'); //Remove trailing blanks
//str = str.replace(/n[s| | ]*r/g,'n'); //Remove redundant blank lines
str=str.replace(/ /ig,'');//Remove
return str;
}

Well, my request has been met.

Now let’s briefly explain the three regular expressions used (it should be noted that because I am new to it, maybe my explanation is not correct, it is for reference only):

First one:/]*>/g

In js, regular expressions start with "/", and the following /g means a global pattern, which means that the matching pattern is applied to the entire string, not after the first match. The matching stopped.

]*> This is explained separately. The second character "" is a transfer character, used to transfer the following "/" character. ? matches 0 or 1 characters immediately before it. Note: This metacharacter is not supported by all software. So

Let’s talk about [^>]*>. [] means:

js filtering ideas and codes for HTML tags and spaces_jquery

The meaning of ^ is: match the beginning of a line. For example, the regular expression ^When in can match the beginning of the string "When in the course of human events", but cannot match "What and When in the". It means matching text starting with "When in".

The meaning of

* is: match 0 or more characters just before it. For example, regular expressions. *means able to match any number of any characters

So [^>]* means matching characters other than >. So the pattern that [^>] can match can be as follows:

div

The text I need
The text I need

* combined with the previous [^>] can match the following characters:

div>The text I needp>The text I needbr /
Add the following > to match the following characters:
div>The text I need

p>The text I need


br />
This completes the matching of a pair of HTML tags. (More words, I always feel that this matching is a bit verbose, but I don’t know where the verbosity lies)

The second one: /[ | ]*n/g: I don’t understand it either

The third one: // /ig: It is to directly search for characters. The meaning of the following /ig is to perform a case-insensitive search in global mode. g stands for global and i stands for case-insensitive.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template