Hello.

Suppose we have a table:

<table id="table_one" class="info"> <thead> <tr class="row-one"> <th class="column-1">Название.</th> <th class="column-2">Стоимость.</th> </tr> </thead> <tbody> <tr class="row"> <td class="column-1"><a href="http://site1.ru/" target="_blank">Site1</a>.</td> <td class="column-2">$1.</td> </tr> <tr class="row"> <td class="column-1"><a href="http://site2.ru/" target="_blank">Site2</a>.</td> <td class="column-2">$2.</td> </tr> </tbody> </table>

So, it is necessary to make some operations with this table. By default, Site1 and Site2 are naturally displayed on the first two rows of the table, but you need to click on the switch link to show http://site1.ru/ and http://site2.ru/, respectively.

How can this be implemented?

    1 answer 1

    Nichrome is not clear, did on boom:

     <script src='http://code.jquery.com/jquery-1.8.3.min.js'></script> <script> $( function(){ $('td.column-1 a').click( function(){ this.innerHTML = this.href; return false; }) }); </script> <table id="table_one" class="info" border=1> <thead> <tr class="row-one"> <th class="column-1">Название.</th> <th class="column-2">Стоимость.</th> </tr> </thead> <tbody> <tr class="row"> <td class="column-1"><a href="http://site1.ru/" target="_blank">Site1</a>.</td> <td class="column-2">$1.</td> </tr> <tr class="row"> <td class="column-1"><a href="http://site2.ru/" target="_blank">Site2</a>.</td> <td class="column-2">$2.</td> </tr> </tbody> </table>