特定の条件の文字列を除いた置換。

Question

前提・実現したいこと

var link = "<div data-url='http://www.sample.jp/'><title>サンプル</title></div>";

var content ="
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample.jp/、
http://www.sample.jp/";

このcontentについて、data-url='http://www.sample.jp/'以外の
http://www.sample.jp/を変数linkに置換する方法ってありますか？

結果として、

<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>

となるように置換したいです。
ご教示お願い致します。

試したこと

replaceメソッドと正規表現を使えば、もしかしたらできるかもしれないけど、
書き方がわかりません。

content.replace("ここをどう書けばよいですか？", link);

方針としては、下記のようなことをやればできそうな気がしますが、できません。
(?!～)の指定の方法が間違っているのでしょうか？

content.replace("(?!<div data-url=')http://www.sample.jp/(?!'>)", link);

追記。

contentはそのとき次第でいろいろ変わります。
区切り文字も毎回「、」とは限らず、任意の数の任意の文字になります。

var content ="
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample.jp/";

だったり、

<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample.jp/、
http://www.sample.jp/";

だったり、

<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample.jp/、
http://www.sample.jp/,
http://www.sample.jp/";

だったり、

<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample.jp/、
http://www.sample2.jp/,サンプル文章
http://www.sample.jp/";

だったりします。
これの期待値は、

<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>、
http://www.sample2.jp/,サンプル文章
<div data-url='http://www.sample.jp/'><title>サンプル</title></div>";

です。
URLが付与されたら、linkはそのURLを整形したものを入れています。
http://www.sample.jp/のようなURLが付与されたら、そのURLで
var link = "<div data-url='URL'><title>サンプル</title></div>";
を整形。
contentには、URLを整形したものと、そのままのURLが混ざっているので、
<div data-url='URL'><title>サンプル</title></div>
<div data-url='URL'><title>サンプル</title></div>
URL
そのままのURLをlinkの文字に置換したいです。
つまり、整形された<div data-url='URL'><title>サンプル</title></div>を除いて、
URLを置換したいです。

Comments

[mather]

contentの中身が違う、という例のうち最後のケースではどうなるのが期待値なのですか？

[退会済みユーザー]

「試したこと」に試したことが書かれていませんし、今のままではただの丸投げですね。

[tkshp]

>mather様　ご指摘ありがとうございます。追記しました。宜しくお願い致します。

[tkshp]

>yukke_様　試したことを追記しました。宜しくお願い致します。

Answer 1

属性値内の <> がエスケープされることが保証されているのなら、

string.replace(/(>)([^<]+)/g, (m, p1, p2) => p1 + p2.replace(reg, link));

逆にルーズな書き方がされているのなら、DOMParser() でDOM化するのが現実的でしょう。

Re: tkshp さん

Comments

[tkshp]

ご回答ありがとうございます。
すみません、理解できていない所がありまして、
(>)([^<]+)はどういったものにマッチしますか？
>サンプル
とかですか？
m, p1, p2はそれぞれ何を示していますか？
p2.replace(reg, link)のregって何ですか？

Answer 2

url = url.replace(///g, "/");
var reObj = new RegExp("(?!<div data-url=')" + url + "(?!'>)", "g");
content = content.replace(reObj, link);

Answer 3

質問文をちゃんと読めていませんでした(^^;
訂正したものを記載しておきます。

質問に対してちょっと斜めの回答になりますが…

link.repeat(content.match(/http://www.sample.jp//g).length)