Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript重构-如何实现?_Javascript_Refactoring - Fatal编程技术网

Javascript重构-如何实现?

Javascript重构-如何实现?,javascript,refactoring,Javascript,Refactoring,我有这样的桌子: <table> <tr> <th>Name</th><td>Steve Martin</td> </tr> <tr> <th>Phone</th><td>XXX</td> </tr> <tr> <th>Bank account</th><

我有这样的桌子:

<table>
  <tr>
    <th>Name</th><td>Steve Martin</td>
  </tr>
  <tr>
    <th>Phone</th><td>XXX</td>
  </tr>
   <tr>
    <th>Bank account</th><td>654861/46147</td>
  </tr>
</table>

纳梅斯泰夫·马丁
电话XXX
银行账户654861/46147
我对我的表的相同部分使用JavaScript。比如说

$('th:contains(Name)').each(function(index) {
   var $this = $(this),
       dluh = $this.next(),
       dluhText = dluh.text(),
       dluhLink = $("<a />", {
         target: "_blank",
         href: 'www.google.com' + dluhText,
         text: dluhText,
         style: "text-decoration: none"
       });

   dluh.html('').append(dluhLink);
  });
$('th:contains(Name)')。每个(函数(索引){
变量$this=$(this),
dluh=$this.next(),
dluhText=dluh.text(),

dluhLink=$(“我有更多的代码。

这样的函数可以节省大量重复

function addLink(selector) {
  $(selector).each(function(index) {
   var $this = $(this),
       dluh = $this.next(),
       dluhText = dluh.text(),
       dluhLink = $("<a />", {
         target: "_blank",
         href: 'www.google.com' + dluhText,
         text: dluhText,
         style: "text-decoration: none"
       });

   dluh.html('').append(dluhLink);
  });
}
addLink('th:contains(Name)');
addLink('th:contains(Phone)');
addLink('th:contains(Bank account)');

addLink('th:contains(Name)');
addLink('th:contains(Phone)');
addLink('th:contains(Bank account)');