正規表現パターンと一致する部分文字列に一致する正確な文字(正確な文字列が一致する正確な文字)2文字より長い部分文字列に一致するRegext
ota
またはot
の代わりにpot
またはpotato
のみをハイライトし、ユーザータイプがpota
の場合は検索ボタンをクリックしてください。
マッチした文字列が強調表示された場合、以下のコードを見つけてください。
// Core function
function buildRegexFor(find) {
var regexStr = find.substr(0,3);
for (var i = 1; i < find.length - 2; i++) {
regexStr = '(' + regexStr + find.substr(i+2,1) + '?|' + find.substr(i,3) + ')';
}
return regexStr;
}
// Handle button click event
document.querySelector('button').onclick = function() {
// (1) read input
var find = document.querySelector('input').value;
var str = document.querySelector('textarea').value;
// (2) build regular expression using above function
var regexStr = buildRegexFor(find);
// (3) apply regular expression to text and highlight all found instances
str = str.replace(new RegExp(regexStr, 'g'), "<strong class='boldtxt'>$1</strong>");
// (4) output
document.querySelector('span').textContent = regexStr;
document.querySelector('div').innerHTML = str;
};
入力ボックスに1つの文字列、もしタイプメーターとして「メートル&パラメータ」を考慮して検索ボタンをクリックしてください。メーターを強調表示する必要があります。事前にお尋ねください。
いいえ、私はスクリーンショットを撮って添付しました –
**画像を表示することができない場合、またはそれへの参照、または他の誰もできない場合、 jsフィドルの画像は、フィドル自体へのリンクよりもはるかに役に立たない。イメージが表示されるようにマークアップを修正しましたが、あなたの質問は不明です。 – AD7six
最初の文は何ですか? – Aaron