動的にURLにデータアンカーを追加

Question

私はテキストのhtmlページを持っています。私は、これは外部リンクにアンカーを追加必要があるテキストにアンカーをクリックすると

http://example1.com 

：私のような外部ソースへのリンクを持っているテキストの最後には

<a href="#" data-brand="Ford">Ford</a> 
<a href="#" data-type="Mustang">Mustang</a>. 

：テキストでは私はアンカーの多くを持っています。

http://example1.com/?data-brand=ford&data-type=Mustang 

お手伝いできますか？どうもありがとう。

Answer 1

通常、少なくともあなた自身で試したことを示す必要がありますが、一般的な推奨事項についてはこのウェブサイトの範囲外です。

<script src="jquery.js"></script> 
<script> 
    $('a[href="#"]').click(function() { 
     $.each($(this).data(), function (type, val) { 
      $('#external_links').children("a").each(function() { 
       var href = $(this).attr('href'); 
       if (href.indexOf('?') > -1) 
       { 
        $(this).attr('href', href+'&data-'+type+'='+val); 
       } else { 
        $(this).attr('href', href+'?data-'+type+'='+val); 
       } 
      }); 
     }); 
    }); 
</script> 
<span id="external_links"> 
    <a href="http://example1.com">Test1</a> 
    <a href="http://example2.com">Test2</a> 
    <a href="http://example3.com">Test3</a> 
    <a href="http://example4.com">Test4</a> 
</span> 

機能のみexternal_linksコンテナに含まれるアンカーを編集：それにもかかわらず、私はので、ここで私がこれまでに作ったものだ、タスク内の個人的な関心の並べ替えをしました。