Início / coding / Perguntas / 76928947
Accepted
Faz2Music.ir
Asked: 2023-08-18 19:32:39 +0800 CST

Substituir link múltiplo por botão

  • 772

Eu tenho um código que funciona para substituir a url de um link por um determinado id

Eu quero que este código funcione para vários links e jogadores com o mesmo ID ou classe especificado

Eu tenho um botão que deve mudar todos juntos

Você pode me orientar ou me ajudar?

$(document).ready(function(){
$('#change').on('click', function(e) {
 var purl = $("#urlchange").attr("href");
purl = purl .replace("dl.faz2music.ir", "up.faz2music.ir");
 $("#urlchange").attr("href",purl);
notice.showToast({text: 'Links converted',type: 'success',showClose: true});
});
});

<button id="change" class="ltr">change link's</button>

<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3"  id="urlchange">Download</a>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [128].mp3"  id="urlchange">Download</a>

<audio><source type="audio/mp3" src="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" id="urlchange"></audio>
<audio><source type="audio/mp3" src="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [128].mp3" id="urlchange"></audio>

Este código substitui apenas um link

Quero poder fazer o mesmo para vários links com o mesmo ID ou Classe

jquery

jquery

3 respostas

  1. Best Answer

    Usando cada e uma classe:

    $(document).ready(function() {
  $('#change').on('click', function(e) {
    const from = "dl.faz2music.ir";
    const to = "up.faz2music.ir";
    $(".urlchange").each(function() {
      if (this.matches("source")) {
        console.log()
        this.setAttribute("src", this.getAttribute("src").replace(from,to))
      }  
      else this.href = this.href.replace(from,to);
    });
    /*
    notice.showToast({
      text: 'Links converted',
      type: 'success',
      showClose: true
    });
    */
    alert("Links changed");
  });
  $("audio").on("mouseenter", (e) => console.log(e.target.querySelector("source").getAttribute("src")))
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<button type="button" id="change">Change</button>

<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>
<hr/>
<audio controls><source type="audio/mp3" src="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange"></audio><br/>
<audio controls>Audio<source type="audio/mp3" src="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [128].mp3" class="urlchange"></audio>

    • 1

  2. Você precisa atribuir a mesma classe às tags de âncora, pois não pode atribuir os mesmos IDs a várias tags

     $(document).ready(function () {
        $('#change').on('click', function (e) {
            $('.urlchange').prop('href',  (i, val) => {
                return val.replace("dl.faz2music.ir", "up.faz2music.ir");
            });
           // notice.showToast({ text: 'Links converted', type: 'success', showClose: true });
        });
 });
     <script src="https://code.jquery.com/jquery-3.7.0.slim.min.js" integrity="sha256-tG5mcZUtJsZvyKAxYLVXrmjKBVLd6VpVccqz/r4ypFE=" crossorigin="anonymous"></script>

<button id="change" class="ltr">Change links</button>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>

    • 1

  3. Como você está usando , observe que .attrhá uma sobrecarga que recebe um retorno de chamada:

    http://api.jquery.com/attr/#attr-attributeName-function

    .attr( attributeName, function )

    attributeName - Tipo: String
    O nome do atributo a ser definido.

    função Tipo: Function( Integer index, String attr )retorna Stringou Number
    Uma função que retorna o valor a ser definido. thisé o elemento atual. Recebe a posição de índice do elemento no conjunto e o valor do atributo antigo como argumentos.

    Então, combinando com o uso de uma classe sugerida em outros comentários/respostas, seu código fica:

    $(".urlchange").attr("href", (_, href) => href.replace("dl.faz2music.ir", "up.faz2music.ir"));

    Trecho atualizado:

    $(document).ready(function() {
  $('#change').on('click', function(e) {

    $(".urlchange").attr("href", (_, href) =>
      href.replace("dl.faz2music.ir", "up.faz2music.ir"));

    console.log("urls updated");
  });
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [320].mp3" class="urlchange">Download</a>
<a href="https://dl.faz2music.ir/download/3712434/Ahmad Solo - Shazdeh Pesar [128].mp3" class="urlchange">Download</a>

<button id="change" class="ltr">change links</button>

    • 0

relate perguntas