Como sustituir una parte de un link con jquery

[jeremiselxi]

Muy buenos dias amigos.

Estoy aprendiendo a usar esta tremenda libreria Jquery, pero tengo una duda.

Imaginemos que tengo 3 link que se generan automáticamente de una consulta php, la cual me trae esta tabla.

Código HTML:

<table width="200" border="1">
  <tr>
    <td>Titulo</td>
    <td>Usuario</td>
  </tr>
  <tr>
    <td><a href="localhost/mipagina/node/1">Noticia 1</a></td>
    <td>Juan</td>
  </tr>
  <tr>
    <td><a href="localhost/mipagina/node/2">Noticia 2</a></td>
    <td>Maria</td>
  </tr>
  <tr>
    <td><a href="localhost/mipagina/node/3">Noticia 3</a></td>
    <td>Jose</td>
  </tr>
</table>
 

Ahora bien, yo quiero por medio de jquery hacer esto


Que al darle un clic a uno de estos links
tomar el valor de ese link que esta en href y sustituir una parte de ese enlace.

Ejemplo, si le damos click al link Noticias 1 la cual tiene el href=localhost/mipagina/node/1


yo quiero que al darle click

sustitutir solamente la parte que dice node por noticia
para que salga asi el href
localhost/mipagina/noticia/1

y se le valla a ese link

o si es posible

que con algun codigo
me busque en el href lo que diga
localhost/mipagina/node y me borre esta parte, para pasarle a una variable lo que me quede, el cual sera /1 o /2 del link para luego yo mismo crear el link.

Gracias anticipadas

[quike88]

Hola,

Creo que algo así te podría funcionar (mejor si le agregas una clase a la tabla o a los enlaces):

Código Javascript:

$('a.noticia')on('click', function(e){
    //detenemos el evento por defecto
    e.preventDefault();
 
    var enlace = $(this).attr('href');
   //reemplazamos
    var nuevo_enlace = enlace.replace("node", "noticia");
   //redirecionamos
    window.location.href = nuevo_enlace;
});
 

Código HTML:

<table width="200" border="1">
  <tr>
    <td>Titulo</td>
    <td>Usuario</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/1">Noticia 1</a></td>
    <td>Juan</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/2">Noticia 2</a></td>
    <td>Maria</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/3">Noticia 3</a></td>
    <td>Jose</td>
  </tr>
</table>
 

Un saludo.

[jeremiselxi]

Iniciado por quike88

Hola,

Creo que algo así te podría funcionar (mejor si le agregas una clase a la tabla o a los enlaces):

Código Javascript:

$('a.noticia')on('click', function(e){
    //detenemos el evento por defecto
    e.preventDefault();
 
    var enlace = $(this).attr('href');
   //reemplazamos
    var nuevo_enlace = enlace.replace("node", "noticia");
   //redirecionamos
    window.location.href = nuevo_enlace;
});
 

Código HTML:

<table width="200" border="1">
  <tr>
    <td>Titulo</td>
    <td>Usuario</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/1">Noticia 1</a></td>
    <td>Juan</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/2">Noticia 2</a></td>
    <td>Maria</td>
  </tr>
  <tr>
    <td><a class="noticia" href="localhost/mipagina/node/3">Noticia 3</a></td>
    <td>Jose</td>
  </tr>
</table>
 

Un saludo.

Excelente eso era justo lo que estaba buscando.