タグのURLから最初の部分を削除します

Question

私のページにURLがあり、hrefからフロント部分（http://example.com/？）を削除し、最初のサブ部分だけを残して残りの部分をメイン部分から削除します。私はjsまたはjQueryを使ってこれを行う必要があります。どうすればいいですか？

<div class="main"> 
    <a href="http://www.example.com/?https://someotherurl.org" target="_blank">google</a> 
    <div class="div-1"> 
    data 
    </div> 

    <div> 
    extra 
    </div> 
    <div> 
    extra 
    </div> 

</div> 

<!-- the final code I want is --> 



<div class="main"> 
    <a href="https://someotherurl.org" target="_blank">google</a> 
    <div class="div-1"> 
    data 
    </div> 


</div> 

Answer 1

使用split望ましい結果を得るために、デモ：https://jsfiddle.net/uxqsxo1v/1/

var url = $('a').attr('href'); 
url = url.split('?'); 
var newUrl = url[1]; 
$('a').attr('href',newUrl); 

Answer 2

ここではサンプルコードです：

var url=document.getElementsByClassName('main')[0].childNodes[1].href; 
 
url=url.split("?"); 
 
document.getElementsByClassName('main')[0].childNodes[1].href=url[1];

<div class="main"> 
 
    <a href="http://www.example.com/?https://someotherurl.org" target="_blank">google</a> 
 
<div class="div-1"> 
 
</div> 
 
</div>

私は要素とhref attrの選択方法を見てチェーンを維持します。

Answer 3

それのgetElementsByClassNameより互換性があり、容易にjQuery

var anchor = document.querySelector('div.main>a'), 
 
     href = anchor.href.split("?")[1]; // assuming no other ? in the url 
 
anchor.href=href;

<div class="main"> 
 
    <a href="http://www.example.com/?https://someotherurl.org" 
 
    target="_blank">google</a> 
 
<div class="div-1"></div> 
 
</div>

のjQueryに変換することができるので、私はquerySelectorを好む：

var $anchor=$("div.main>a"); 
 
$anchor.prop("href", $anchor.prop("href").split("?")[1]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <a href="http://www.example.com/?https://someotherurl.org" target="_blank">google</a> 
 
    <div class="div-1"></div> 
 
</div>