2つの単語の間でhrefの部分を置き換えますjquery

Question

これは簡単で、以前はやったことがありますが、今すぐ動作させることはできません。

私は、あなたが以下のいずれかにあなたのコードを変更する必要があるのhref

var href="https://www.facebook.com/sharer/sharer.php?u=http://myurl.com/&description='tets'&picture=http://myurl.com/img/name-1654-45654.jpg" 

$('.share, .share-2').prop('href', function() { 
    $(this).replace(/(picture=).*?(&)/,'$1' + imgNew + '$2'); 
}); 

Answer 1

replace機能はstringの方法であり、それはjQueryオブジェクトではなく文字列であるので、あなたが$(this)からreplaceを呼び出すことはできません。

href属性を変更する必要がある場合は、this.href = ...を使用してください。

EDIT：jQuery.propメソッドを使用しているので、ドキュメントとして使用する必要があります。

$(".some-element").prop('some-prop', function(index, old_value){ 
    // do something 
    return new_value; 
}); 

スニペットを更新：

var new_img = "http://my.domain.com/img/my_new_image.jpg"; 
 
var regex_img = /\bpicture=[^&]*/ 
 

 
$('.share, .share-2').prop('href', function (index, old_href) { 
 
    var new_href = old_href.replace(regex_img, 'picture=' + new_img); 
 
    console.log(new_href); 
 
    return new_href; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a href="https://www.facebook.com/sharer/sharer.php?u=http://myurl.com/&description='tets'&picture=http://myurl.com/img/name-1654-45654.jpg" class="share">Test</a> 
 
<br> 
 
<a href="https://www.facebook.com/sharer/sharer.php?u=http://myurl.com/&picture=http://myurl.com/img/name-1654-45654.jpg&description='tets'" class="share-2">Test-2</a>

Answer 2

var href="https://www.facebook.com/sharer/sharer.php? 
u=http://myurl.com/&description='tets'&picture=http://myurl.com/img/name- 
1654-45654.jpg" 
href.split('/') 
["https:", "", "www.facebook.com", "sharer", "sharer.php?u=http:", "", 
"myurl.com", "&description='tets'&picture=http:", "", "myurl.com", "img", 
"name-1654-45654.jpg"] 
    href.split('/').length 
12 
href.split('/')[11] 
"name-1654-45654.jpg" 

Answer 3

以下の画像の名前を変更する必要があります。

href="https://www.facebook.com/sharer/sharer.php?u=http://myurl.com/&description='tets'&picture=http://myurl.com/img/name-1654-45654.jpg" 

    $('.share, .share-2').prop('href', function() { 
     $(this).replace(/\/(?=[^\/]*$)/, '/newpicturename')); 
     }); 

最後のスラッシュと次の単語は新しい画像名に置き換えられます。

例

var str = "http://one/two/three/four"; 
 
console.log(str.replace(/\/(?=[^\/]*$)/, '/newpicturename'));

Answer 4

href文字列がURLであるので、あなたはURLオブジェクトを利用することができます。

var imgNew = 'http://example.com/img.png'; 
 
var href = "https://www.facebook.com/sharer/sharer.php?u=http://myurl.com/&description='tets'&picture=http://myurl.com/img/name-1654-45654.jpg"; 
 
var url = new URL(href); 
 
url.searchParams.set('picture', imgNew); 
 
console.log(url.href);

あなたがpolyfillを使用できるように、すべてではないブラウザでは、この時点でsupportedされることに注意してください。