teratailを一緒に作りたいエンジニア, innerText は非標準なので他人に勧めるなら textContent が好ましいかもしれません。, think49さんの指摘された通りinnerTextプロパティは非標準でしたので、textContentプロパティに修正させていただきました。また、sliceメソッドとsubstrメソッドを利用した方法について追記させていただきました。教えていただきありがとうございました。, String.prototype.indexOf が -1 を返した場合の例外処理が足りないようです。とはいえ、私も後で気が付いて回答のコードを修正しました…。, 返信が遅れてしまい申し訳ありません。検索した文字列が現れなかった場合の考慮をしていませんでしたので、コードを修正させていただきました。お知らせいただきありがとうございました。, https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substr, インタフェース CharacterData - Document Object Model Core Level 2, https://developer.mozilla.org/ja/docs/Web/JavaScript/Strict_mode, 2017/02/28 19:37 CharacterData.prototype.deleteData のコードを追記, 2017/02/28 20:51 jsfiddleのサンプル追加。CharacterData.prototype.deleteData のコードで検索語が見つからなかった場合に DOMException エラーが発生するバグ修正。, 2017/02/28 21:02 String.prototype.slice のコードで検索語が見つからなかった場合にテキストノード値の末尾1文字を削ってしまうバグ修正。. 入力した切り出す元となる文字列をdocument.getElementByIdメソッドで取得します。, 4.基準文字列から前の文字列を切り出して表示 String.prototype.slice. 切り出した文字列をdocument.getElementByIdメソッドのinnerHTMLプロパティで画面に表示させます。, 【注意点】 JavaScriptで文字数を制限して、それ以降は削除する方法 Javascriptで文字数制限をする方法はありますか? 例) わたしの名前は、バラクオバマです。 わたしはアメリカの大統領で、最近白髪が増えてきま … DEMO1の、指定した文字列より後の文字列切り出しの処理をHTMLとJavaScriptで実装します。 HTMLでコーディング. HTMLで文字列を入力する欄×2、切り出し実行ボタン、切り出し後のテキスト表示要素を用意します。 指定した文字列より後の文字列を取得. 1 / クリップ 入力した切り出す元となる文字列をdocument.getElementByIdメソッドで取得します。(inputタグに入力したテキストを取得するので、.value()を使用します。), 2.切り出す基準となるテキスト取得 当記事では、JavaScriptを使用して、指定した文字の前後の文字列を切り出す方法を紹介します。, (例1)http://sampleurl.com?page=1 3 / クリップ 下記のサンプルDEMO1、DEMO2をクリックして、リンク先で動作確認できます。, 切り出す元となる文字列と、切り出す基準となる文字列を入力して実行ボタンをクリックします。, DEMO1の、指定した文字列より後の文字列切り出しの処理をHTMLとJavaScriptで実装します。, HTMLで文字列を入力する欄×2、切り出し実行ボタン、切り出し後のテキスト表示要素を用意します。, 実行ボタン(buttonタグ)には、onclickでbefore_cut()関数が動作するように設定しておきます。, 1.切り出す元となるテキスト取得 ?よりも前の文字列⇒http://sampleurl.com(URLのパラメータ部分を消したい), (例2)3.JavaScript 月日を表す文字列の日付部分だけ、一桁の数なら二桁目の 0 を消したいということでしょうか。 であれば、 / の直後が 0 であれば 0 を削除すれば良さそうです。 0, 【募集】 1と同様に、切り出す基準となるテキストを取得します。, 3.基準となる文字列の位置を取得 文字数を省略した場合は文字列の最後までを取得します。対象の文字列は変更されません。 インデックスは文字列の最初の文字が 0 、次の文字が 1 となります。下記は開始インデックスを 1 、文字数を 2 に指定した場合です。 次のサンプルをみてください。 checkベストアンサー + 4. $(this).html($(this).html().replace(/【りんご】. 未だJavaScriptの入門したてなのでソースをじっくり見ながらTry & Errorしたいと思います。 大変勉強になります。 有り難う御座います。 キャンセル. その値としてdata-123を持つ文字列を持っています。 jQueryまたはJavaScriptでdata-を残したまま、文字列から123を削除して削除する方法を教えてください。 indexOfメソッドで指定した文字列が複数存在する場合は最初にでてきたものの位置を返します。, jQueryなどのプラグインを使わずにJavaScriptだけで実装できるのがいいですね。 やってみると何てことはない処理ですが覚えておくと便利です。, 2.JavaScriptのsliceメソッドもしくはsubstringメソッドを使用して、1.で取得した位置を指定して文字列を切り出します。. substring()メソッドで、切り出し元文字列の先頭(0)から切り出し基準文字列の位置(index)を指定して、基準文字列から前の文字列を取得します。 .(ドット)より後の文字列⇒JavaScript(リスト番号部分を消したい), 考え方はシンプルで、任意の文字列から指定した文字がある位置を求めて、その位置から前全文字列、後ろの全文字列を切り出します。, 【サンプル】 その値としてdata-123を持つ文字列を持っています。 jQueryまたはJavaScriptでdata-を残したまま、文字列から123を削除して削除する方法を教えてください。, PS:replace関数は新しい文字列を返し、元の文字列は変更されないままであるため、replace()呼び出しの後に関数の戻り値を使用してください。, これはjQueryとは関係ありません。これにはJavaScriptのreplace関数を使用できます。, この関数に正規表現を渡すこともできます。次の例では、数値以外のすべてを置き換えます。, 前述のように"data-123".replace('data-','');を使用できますが、文字列が"data-123data-"のようなものであれば、replace()は一致するテキストの _ first _ インスタンスのみを置き換えます, 最初に一致したテキストのみを置き換えます。そしてあなたの出力は"123data-"になります, したがって、テキストのすべての一致を文字列で置き換えたい場合は、次のようなgフラグを持つ正規表現を使用する必要があります。, slice()を使うことができます。これは開始から終了までの間に文字を返します(エンドポイントを含みます)。, 普通のJavaScriptで十分です - jQueryはそのような単純な作業には必要ありません。, 参照: MDNに関する.replace()のドキュメント 追加情報と使用法については/。, 私はそれが最善ではないことを知っていますが、それはいつも私のために働いてきました:), 私はC#(Sharp)String.Removeメソッドに慣れていました。 Javascriptでは、stringに対するremove関数はありませんが、substr関数があります。 substr関数を1回または2回使用して文字列から文字を削除できます。 c#メソッドが最初にString.Remove(int startIndex)をオーバーロードするように、次の関数を使用して、インデックスの開始位置から文字列の終わりまでを削除できます。, c#メソッドの2番目のオーバーロードString.Remove(int startIndex、int count)のように、次の関数を使用して開始インデックスとカウントで文字を削除することもできます。, そして、あなたはあなたの必要性のためにこれらの2つの機能またはそれらのうちの1つを使うことができます!, JavaScript/jQueryで配列に特定の文字列が含まれているかどうかを調べる方法, 私がjQueryのバックグラウンドを持っているならば「AngularJSで考える」?, Content dated before 2011-04-08 (UTC) is licensed under. 完了する. 質問の件を満たす場合はどうしたら良いでしょうか?, teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。, 評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。, 上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。, 2017/03/02 18:01 編集, CharacterData.prototype.deleteData は古くからある DOM API ですが、使っているコードはほとんど見かけませんね。 NodeList.prototype.forEach を併用。, $(this).text($(this).text().split('【りんご】')[0]). 0, jQueryのAjaxによってXMLをHTMLに表示させたものに対して処理を行いたい。, 回答 切り出した文字列をdocument.getElementByIdメソッドのinnerHTMLプロパティで画面に表示させます。, 実行ボタン(buttonタグ)には、onclickでafter_cut()関数が動作するように設定しておきます。, 1.切り出す元となるテキスト取得 */,'')); 2017/03/03 14:31 編集, 回答 link. indexOfメソッドで、2で取得した基準となる文字列が、切り出し元の文字列のどの位置にあるのか(index番号)を取得します。, 4.基準文字列から後の文字列を切り出して表示 それ以降の文字列を削除するにはどうしたら良いでしょうか?, 特定のキーワドのみを置換することは出来たのですが slice()メソッドで基準文字から一つ次のindex番号のみを指定(index+1)して、基準文字から後ろの文字列を取得します。 該当するキーワードを含み、 Uipathで任意の文字や値以降の文字列を取得するには、SubstringとIndexOfを使います。<メッセージボックス>・テキストb.Substring(b.IndexOf("-")+1)ここでは、bと言う変数に、”"あいう-えお"という値がセットされています。この文字列から、ハイフン以降の文字を切り取ります。