javascript - remove - jquery windows href




Come cambiare l'href per un collegamento ipertestuale usando jQuery (7)

Cambia l'HREF dell'immagine del logo Tema di Wordpress Avada

Se installi il plugin PHP ShortCode Exec puoi creare questo Shortcode che ho chiamato myjavascript

?><script type="text/javascript">
jQuery(document).ready(function() {
jQuery("div.fusion-logo a").attr("href","tel:303-985-9850");
});
</script>

Ora puoi andare su Aspetto / Widget e selezionare una delle aree del widget footer e utilizzare un widget di testo per aggiungere il seguente shortcode

[myjavascript]

Il selettore può cambiare in base all'immagine che usi e se è retina pronta, ma puoi sempre capirlo usando gli strumenti degli sviluppatori.

Come puoi cambiare l'href per un collegamento ipertestuale usando jQuery?


A seconda che tu voglia cambiare tutti i link identici a qualcos'altro o vuoi controllare solo quelli in una data sezione della pagina o ognuno individualmente, puoi fare uno di questi.

Cambia tutti i link a Google in modo che puntino a Google Maps:

<a href="http://www.google.com">

$("a[href='http://www.google.com/']").attr('href', 
'http://maps.google.com/');

Per cambiare i collegamenti in una determinata sezione, aggiungi la classe del contenitore div al selettore. Questo esempio cambierà il link di Google nel contenuto, ma non nel piè di pagina:

<div class="content">
    <p>...link to <a href="http://www.google.com/">Google</a>
    in the content...</p>
</div>

<div class="footer">
    Links: <a href="http://www.google.com/">Google</a>
</div>

$(".content a[href='http://www.google.com/']").attr('href', 
'http://maps.google.com/');

Per cambiare i singoli collegamenti indipendentemente da dove cadono nel documento, aggiungi un id al link e aggiungi tale id al selettore. Questo esempio cambierà il secondo link Google nel contenuto, ma non il primo o uno nel footer:

<div class="content">
    <p>...link to <a href="http://www.google.com/">Google</a>
    in the content...</p>
    <p>...second link to <a href="http://www.google.com/" 
        id="changeme">Google</a>
    in the content...</p>
</div>

<div class="footer">
    Links: <a href="http://www.google.com/">Google</a>
</div>

$("a#changeme").attr('href', 
'http://maps.google.com/');

Il modo semplice per farlo è:

Funzione attr (dalla versione 1.0 di jQuery)

$("a").attr("href", "https://.com/") 

o

Funzione Prop (dalla versione 1.6 di jQuery)

$("a").prop("href", "https://.com/")

Inoltre, il vantaggio di sopra è che se il selettore seleziona un singolo ancoraggio, aggiornerà solo quell'ancora e se il selettore restituisce un gruppo di ancoraggio, aggiornerà il gruppo specifico attraverso una sola istruzione.

Ora ci sono molti modi per identificare l'ancora esatta o il gruppo di ancore:

Abbastanza semplici:

  1. Seleziona ancora tramite il nome del tag: $("a")
  2. Seleziona ancora tramite indice: $("a:eq(0)")
  3. Seleziona ancora per classi specifiche (come in questa classe solo ancore con classe active ): $("a.active")
  4. Selezione di ancore con ID specifico (qui profileLink esempio profileLink ): $("a#proileLink")
  5. Selezione del primo anchor href: $("a:first")

Più utili:

  1. Selezione di tutti gli elementi con attributo href: $("[href]")
  2. Selezione di tutti gli ancoraggi con href specifico: $("a[href='www..com']")
  3. Selezione di tutte le ancore che non hanno href specifico: $("a[href!='www..com']")
  4. Selezione di tutti gli ancoraggi con href contenente URL specifico: $("a[href*='www..com']")
  5. Selezione di tutti gli ancoraggi con href che inizia con l'URL specifico: $("a[href^='www..com']")
  6. Selezione di tutti gli ancoraggi con href che termina con un URL specifico: $("a[href$='www..com']")

Ora, se desideri modificare URL specifici, puoi farlo come:

Ad esempio, se desideri aggiungere un sito web proxy per tutti gli URL che visitano google.com, puoi implementarlo come segue:

$("a[href^='http://www.google.com']")
   .each(function()
   { 
      this.href = this.href.replace(/http:\/\/www.google.com\//gi, function (x) {
        return "http://proxywebsite.com/?query="+encodeURIComponent(x);
    });
   });

Questo snippet richiama quando si fa clic su un collegamento di classe "menu_link" e mostra il testo e l'URL del collegamento. Il ritorno false impedisce di seguire il collegamento.

<a rel='1' class="menu_link" href="option1.html">Option 1</a>
<a rel='2' class="menu_link" href="option2.html">Option 2</a>

$('.menu_link').live('click', function() {
   var thelink = $(this);
   alert ( thelink.html() );
   alert ( thelink.attr('href') );
   alert ( thelink.attr('rel') );

   return false;
});

Usa il metodo attr sulla tua ricerca. Puoi cambiare qualsiasi attributo con un nuovo valore.

$("a.mylink").attr("href", "http://cupcream.com");

utilizzando

$("a").attr("href", "http://www.google.com/")

modificherà l'href di tutti i collegamenti ipertestuali in modo che puntino a Google. Probabilmente vorresti un selettore un po 'più raffinato. Ad esempio, se si dispone di un mix di tag di ancoraggio link (collegamento ipertestuale) e link target (aka "anchor"):

<a name="MyLinks"></a>
<a href="http://www.codeproject.com/">The CodeProject</a>

... Quindi probabilmente non si desidera aggiungere accidentalmente degli attributi href . Per sicurezza, possiamo specificare che il nostro selettore corrisponderà solo ai tag <a> con un attributo href esistente:

$("a[href]") //...

Certo, probabilmente avrai in mente qualcosa di più interessante. Se vuoi abbinare un ancoraggio con un href esistente specifico, potresti usare qualcosa come questo:

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')

Ciò troverà i link in cui l' href corrisponde esattamente alla stringa http://www.google.com/ . Un'attività più coinvolta potrebbe corrispondere, quindi aggiornare solo parte href :

$("a[href^='http://.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.\.com/, 
         "http://.com");
   });

La prima parte seleziona solo i collegamenti in cui href inizia con http://.com . Quindi, viene definita una funzione che utilizza un'espressione regolare semplice per sostituire questa parte dell'URL con una nuova. Nota la flessibilità che ti dà - qualsiasi tipo di modifica al link potrebbe essere fatto qui.


 $("a[href^='http://.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.\.com/, 
         "http://.com");
   });




hyperlink