好的，很久以前，我在高亮插件的帮助下制作了一个jquery脚本，它允许你在输入中输入一个术语，在文本中突出显示然后你可以滚动，点击下一个或上一个按钮，从一个突出显示的span元素到另一个。
真的很酷，您可以尝试点击此链接上的按钮：http://jsfiddle.net/m6ZMp/
现在我需要在一些混乱的html代码上使用这个highlight/scroll脚本，我将它放在与前一个示例中的文本相同的演示容器中。搜索条件的突出显示没有问题，但我点击我的prev和next按钮时收到错误。这是因为我正在使用它们从一个突出显示的单词滚动到另一个单词：
count = 0;
$('#next1').click(function (e) {
var max_length = $('.highlight1').length;
if (count < max_length) {
count++;
} else {
count = 1;
}
e.preventDefault();
scrollToElement('.highlight1:nth-child(' + count + ')', 400, -150);
});
$('#prev1').click(function (e) {
var max_length = $('.highlight1').length;
if (count > 1) {
count--;
} else {
count = max_length;
}
e.preventDefault();
scrollToElement('.highlight1:nth-child(' + count + ')', 400, -150);
})
我有那个用于获取已找到元素数量的计数，然后在每个click函数结束时，我将int作为选择器scrollToElement的一部分传递给'.highlight1:nth-child(' + count + ')'函数。现在我假设我有问题，因为在那些杂乱的文档中，高亮的术语不再是同一级别，他们不是同一元素的兄弟或孩子，因此我的功能不能很好地工作。
它在scrollToElement函数上给出了错误：
未捕获的TypeError：无法读取null的属性“top”
您可以在此处查看，测试和编辑情况：http://jsfiddle.net/9EDSp/
整个脚本看起来像这样：
$(function () {
$('#field1').bind('keyup change', function (ev) {
// pull in the new value
var searchTerm = $(this).val();
// remove any old highlighted terms
$('#demo-container').removeHighlight('span.highlight1');
// disable highlighting if empty
if (searchTerm) {
var terms = searchTerm.split(/\s+/);
$.each(terms, function (_, term) {
// highlight the new term
term = term.trim();
if (term != "") $('#demo-container').highlight(term, 'highlight1');
});
}
}).triggerHandler('change');
});
/** scroll to element function **/
function scrollToElement(selector, time, verticalOffset) {
time = typeof (time) != 'undefined' ? time : 500;
verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $(selector);
offset = element.offset();
offsetTop = offset.top + verticalOffset + $('#demo-container').scrollTop();
$('#demo-container').animate({
scrollTop: offsetTop
}, time);
}
/**document ready**/
$(document).ready(function () {
count = 0;
/* scroll to 150px before .highlight with animation time of 400ms */
$('#next1').click(function (e) {
var max_length = $('.highlight1').length;
if (count < max_length) {
count++;
} else {
count = 1;
}
e.preventDefault();
scrollToElement('.highlight1:nth-child(' + count + ')', 400, -150);
});
$('#prev1').click(function (e) {
var max_length = $('.highlight1').length;
if (count > 1) {
count--;
} else {
count = max_length;
}
e.preventDefault();
scrollToElement('.highlight1:nth-child(' + count + ')', 400, -150);
})
});
我是否只需要使用不同的选择器从一个术语滚动到另一个术语，或者我只需要比当前代码更多的东西？
欢迎任何建议，建议或帮助......
答案 0 :(得分：1)
尝试使用$ .each（）循环选择所有元素highlight1，并将每个元素添加到数组中。使用当前计数作为索引，并为您需要移动到的元素选择正确的索引。然后滚动到该元素。因此传递一个jQuery对象/元素而不是选择器，并将ScrollToElement函数中的元素映射到您传递的对象，而不是您传递的选择器。使用nth-child选择（n）CHILD元素到该父项，而不是$（＆＃39; .highlight1＆＃39;）返回的列表中的（N）项。
或者，您可以使用.index（）在您所在的索引/计数处选择highlight1项。记住，索引将落后于你的数量。基于阵列！
希望这对我如何解释它有意义。
答案 1 :(得分：1)
I have modified the above code to work similar to page search in chrome .
Also added below features
1)added a stop word filter to remove unwanted terms being highlighted (eg a-z , an ,at etc)
2)Change in highlight color between term navigation.
jsp file:
-----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@page
language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<html>
<head>
<title>highlight</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR"
content="Rational® Application Developer for WebSphere® Software">
<script src="<%=request.getContextPath()%>/js/jquery.js"
type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/highlight2.js"
type="text/javascript"></script>
<style type="text/css">
@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css');
#outer{
width:500px;
height:300px;
padding-top:50px;
}
#demo-container{
width:200%;
height:150%;
overflow:auto;
}
.dock{
position:fixed;
background:#FFFFFF;
}
.prev-highlight {
-moz-border-radius: 5px;
/* FF1+ */
-webkit-border-radius: 5px;
/* Saf3-4 */
border-radius: 5px;
/* Opera 10.5, IE 9, Saf5, Chrome */
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
/* FF3.5+ */
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
/* Saf3.0+, Chrome */
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
/* Opera 10.5+, IE 9.0 */
}
.prev-highlight{
background-color: #fff34d;
padding:1px 4px;
margin:0 -4px;
}
.prev-highlight-selected {
background-color: #FF8000;
}
</style>
<script type="text/javascript">
$(window).load(function(){
$(function () {
$('#field1').bind('keyup change', function (ev) {
// pull in the new value
var searchTerm = $(this).val();
searchTerm=searchTerm.removeStopWords();
// remove any old highlighted terms
$('#demo-container').removeHighlight('span.prev-highlight');
// disable highlighting if empty
if (searchTerm) {
var terms = searchTerm.split(/\s+/);
$.each(terms, function (_, term) {
// highlight the new term
// term = term.trim();
if (term != "") $('#demo-container').highlight(term, 'prev-highlight');
});
}
}).triggerHandler('change');
});
/** scroll to element function **/
function scrollToElement(selector, time, verticalOffset) {
selectedKeyword = $('.prev-highlight-selected');
if (selectedKeyword) selectedKeyword.removeClass('prev-highlight-selected');
$(selector).addClass('prev-highlight-selected');
time = typeof (time) != 'undefined' ? time : 500;
verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $(selector);
offset = element.offset();
// alert(offset.top);
offsetTop = offset.top + verticalOffset + $('#demo-container').scrollTop();
$('#demo-container').animate({
scrollTop: offsetTop
}, time);
}
/**document ready**/
$(document).ready(function () {
count = 0;
/* scroll to 150px before .highlight with animation time of 400ms */
$('#next1').click(function (e) {
count++;
var max_length = $('.prev-highlight').length;
var child = (count-1)% max_length ;
if (count == max_length) {
count=0;
}
e.preventDefault();
scrollToElement('.prev-highlight:eq(' + child + ')', 400, -150);
});
$('#prev1').click(function (e) {
var max_length = $('.prev-highlight').length;
count--;
if (count <=0)
{
count=max_length;
}
var child = (count-1)% max_length ;
e.preventDefault();
scrollToElement('.prev-highlight:eq(' + child + ')', 400, -150);
});
});
});
</script>
</head>
<body>
<div class="dock">
<input class="span3" id="field1" name="field1" value="external and a internal you z" type="text">
<input type="submit" value="Search">
<a class="btn btn-primary btn-mini" id="prev1" href="#"><i class="icon-arrow-up icon-white"></i></a>
<a class="btn btn-primary btn-mini" id="next1" href="#"><i class="icon-arrow-down icon-white"></i></a>
</div>
<div id="outer">
<div id="demo-container">
<p class=default>
<span style="color: #ffc000; font-size: 18pt; font-family: Times New Roman">
<i><b>Vanity URL creation</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 1: </b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
We have to receive the domain name.
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
For example,
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 16pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 16pt; font-family: Times New Roman">
<b>www. training.com or ideas. .com. </b>
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 16pt; font-family: Times New Roman">
<b>It could be an individual domain name or it could be sub domain of .com.</b>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 16pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 2:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
We need to check with business whether this should be only Honeywell use or this
is for both external.
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 3:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
We need to check with the customer if https should work for this vanity domain or not. If
https is expected to work, we have to convey them that this involves additional
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b>SSL certificate cost.</b>
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 4:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
For example, when user access ideas. .com, they should be redirected to .
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Here is the sample,
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Please note that the IP address, Port number and the log file pathfile name will change
for each of the web server.
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 6:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
If the application is expected to work in https, then we have to put two entries. One with
http port and other with https port.
</span>
</p>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=default>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
We need to check with business whether this should be only Honeywell use or this
is for both external.
</span>
</p>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 3:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
If the application to which this vanity domain is pointing to is deployed in BK, then we
will define the vhost in Bendix/King apache.
</span>
</p>
<p class=ListaParagraph>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 7:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Once the above step is done, we can validate the vhost entry using local host file. We
have to validate before we make DNS entry. To test with local host file, you have to find
the internal facing IP of apache (internal CSS IP) and external facing IP. This is usually
documented at the top of the apache include file. Refer the snapshot below.
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Find below the sample local host file entry. The local host file is usually found in Win
XP under the path
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b>C:\WINDOWS\system32\drivers\etc\.</b>
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
The name of the file is "
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b>hosts</b>
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
". If the domain is suppose to work from both internal and external network, then we have
to validate with both the IPs
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b> qideas. .com</b>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 8:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Once validated, we have to raise DNS ticket. If the URL is meant to be for internal, then
we just need to raise a ticket with DNS group. If it is for both, please create
tickets for both the group.
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<i>Example CRQ Number is</i>
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b> </b>
</span>
<span style="color: #548dd4; font-size: 12pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #ff0000; font-size: 12pt; font-family: Times New Roman">
<i><b>Step 9:</b></i>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
Once the DNS ticket is executed, validate with browser and then also with
</span>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b></b>
</span>
</p>
<p class=default>
<span style="color: #000000; font-size: 12pt; font-family: Times New Roman">
<b></b>
</span>
</p>
</div>
</div>
</body>
</html>
-----------------
highlight2 javascript file:
jQuery.fn.highlight = function (pat, className) {
function innerHighlight(node, pat) {
var skip = 0;
if (node.nodeType == 3) {
var pos = node.data.toUpperCase().indexOf(pat);
if (pos >= 0) {
var spannode = document.createElement('span');
spannode.className = className || 'prev-highlight';
var middlebit = node.splitText(pos);
var endbit = middlebit.splitText(pat.length);
var middleclone = middlebit.cloneNode(true);
spannode.appendChild(middleclone);
middlebit.parentNode.replaceChild(spannode, middlebit);
skip = 1;
}
} else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
for (var i = 0; i < node.childNodes.length; ++i) {
i += innerHighlight(node.childNodes[i], pat);
}
}
return skip;
}
return this.each(function () {
innerHighlight(this, pat.toUpperCase());
});
};
jQuery.fn.removeHighlight = function (classNames) {
function newNormalize(node) {
for (var i = 0, children = node.childNodes, nodeCount = children.length; i < nodeCount; i++) {
var child = children[i];
if (child.nodeType == 1) {
newNormalize(child);
continue;
}
if (child.nodeType != 3) {
continue;
}
var next = child.nextSibling;
if (next == null || next.nodeType != 3) {
continue;
}
var combined_text = child.nodeValue + next.nodeValue;
new_node = node.ownerDocument.createTextNode(combined_text);
node.insertBefore(new_node, child);
node.removeChild(child);
node.removeChild(next);
i--;
nodeCount--;
}
}
var selectors = classNames;
if(Object.prototype.toString.call(classNames) === '[object Array]')
selectors = classNames.join(',');
return this.find(selectors).each(function () {
var thisParent = this.parentNode;
thisParent.replaceChild(this.firstChild, this);
newNormalize(thisParent);
}).end();
};
String.prototype.removeStopWords = function() {
var x;
var y;
var word;
var stop_word;
var regex_str;
var regex;
var cleansed_string = this.valueOf();
var stop_words = new Array(
'a',
'about',
'above',
'across',
'after',
'again',
'against',
'all',
'almost',
'alone',
'along',
'already',
'also',
'although',
'always',
'among',
'an',
'and',
'another',
'any',
'anybody',
'anyone',
'anything',
'anywhere',
'are',
'area',
'areas',
'around',
'as',
'ask',
'asked',
'asking',
'asks',
'at',
'away',
'b',
'back',
'backed',
'backing',
'backs',
'be',
'became',
'because',
'become',
'becomes',
'been',
'before',
'began',
'behind',
'being',
'beings',
'best',
'better',
'between',
'big',
'both',
'but',
'by',
'c',
'came',
'can',
'cannot',
'case',
'cases',
'certain',
'certainly',
'clear',
'clearly',
'come',
'could',
'd',
'did',
'differ',
'different',
'differently',
'do',
'does',
'done',
'down',
'down',
'downed',
'downing',
'downs',
'during',
'e',
'each',
'early',
'either',
'end',
'ended',
'ending',
'ends',
'enough',
'even',
'evenly',
'ever',
'every',
'everybody',
'everyone',
'everything',
'everywhere',
'f',
'face',
'faces',
'fact',
'facts',
'far',
'felt',
'few',
'find',
'finds',
'first',
'for',
'four',
'from',
'full',
'fully',
'further',
'furthered',
'furthering',
'furthers',
'g',
'gave',
'general',
'generally',
'get',
'gets',
'give',
'given',
'gives',
'go',
'going',
'good',
'goods',
'got',
'great',
'greater',
'greatest',
'group',
'grouped',
'grouping',
'groups',
'h',
'had',
'has',
'have',
'having',
'he',
'her',
'here',
'herself',
'high',
'high',
'high',
'higher',
'highest',
'him',
'himself',
'his',
'how',
'however',
'i',
'if',
'important',
'in',
'interest',
'interested',
'interesting',
'interests',
'into',
'is',
'it',
'its',
'itself',
'j',
'just',
'k',
'keep',
'keeps',
'kind',
'knew',
'know',
'known',
'knows',
'l',
'large',
'largely',
'last',
'later',
'latest',
'least',
'less',
'let',
'lets',
'like',
'likely',
'long',
'longer',
'longest',
'm',
'made',
'make',
'making',
'man',
'many',
'may',
'me',
'member',
'members',
'men',
'might',
'more',
'most',
'mostly',
'mr',
'mrs',
'much',
'must',
'my',
'myself',
'n',
'necessary',
'need',
'needed',
'needing',
'needs',
'never',
'new',
'new',
'newer',
'newest',
'next',
'no',
'nobody',
'non',
'noone',
'not',
'nothing',
'now',
'nowhere',
'number',
'numbers',
'o',
'of',
'off',
'often',
'old',
'older',
'oldest',
'on',
'once',
'one',
'only',
'open',
'opened',
'opening',
'opens',
'or',
'order',
'ordered',
'ordering',
'orders',
'other',
'others',
'our',
'out',
'over',
'p',
'part',
'parted',
'parting',
'parts',
'per',
'perhaps',
'place',
'places',
'point',
'pointed',
'pointing',
'points',
'possible',
'present',
'presented',
'presenting',
'presents',
'problem',
'problems',
'put',
'puts',
'q',
'quite',
'r',
'rather',
'really',
'right',
'right',
'room',
'rooms',
's',
'said',
'same',
'saw',
'say',
'says',
'second',
'seconds',
'see',
'seem',
'seemed',
'seeming',
'seems',
'sees',
'several',
'shall',
'she',
'should',
'show',
'showed',
'showing',
'shows',
'side',
'sides',
'since',
'small',
'smaller',
'smallest',
'so',
'some',
'somebody',
'someone',
'something',
'somewhere',
'state',
'states',
'still',
'still',
'such',
'sure',
't',
'take',
'taken',
'than',
'that',
'the',
'their',
'them',
'then',
'there',
'therefore',
'these',
'they',
'thing',
'things',
'think',
'thinks',
'this',
'those',
'though',
'thought',
'thoughts',
'three',
'through',
'thus',
'to',
'today',
'together',
'too',
'took',
'toward',
'turn',
'turned',
'turning',
'turns',
'two',
'u',
'under',
'until',
'up',
'upon',
'us',
'use',
'used',
'uses',
'v',
'very',
'w',
'want',
'wanted',
'wanting',
'wants',
'was',
'way',
'ways',
'we',
'well',
'wells',
'went',
'were',
'what',
'when',
'where',
'whether',
'which',
'while',
'who',
'whole',
'whose',
'why',
'will',
'with',
'within',
'without',
'work',
'worked',
'working',
'works',
'would',
'x',
'y',
'year',
'years',
'yet',
'you',
'young',
'younger',
'youngest',
'your',
'yours',
'z'
);
words = cleansed_string.match(/[^\s]+|\s+[^\s+]$/g);
// Review all the words
for(x=0; x < words.length; x++) {
// For each word, check all the stop words
for(y=0; y < stop_words.length; y++) {
// Get the current word
word = words[x].replace(/\s+|[^a-z]+/ig, ""); // Trim the word and remove non-alpha
// Get the stop word
stop_word = stop_words[y];
// If the word matches the stop word, remove it from the keywords
if(word.toLowerCase() == stop_word) {
// Build the regex
regex_str = "^\\s*"+stop_word+"\\s*$"; // Only word
regex_str += "|^\\s*"+stop_word+"\\s+"; // First word
regex_str += "|\\s+"+stop_word+"\\s*$"; // Last word
regex_str += "|\\s+"+stop_word+"\\s+"; // Word somewhere in the middle
regex = new RegExp(regex_str, "ig");
// Remove the word from the keywords
cleansed_string = cleansed_string.replace(regex, " ");
}
}
}
return cleansed_string.replace(/^\s+|\s+$/g, "");
}