jQuery组合函数

时间:2016-01-14 09:57:18

标签: jquery

所以,我有以下功能:

function DIV(a,b){
   return '<div class="'+ a +'">'+ b +'</div>';
}
function IMG(a,b,c){
    return '<img class="'+ a +'" src="'+ b +'" alt="'+ c +'">';
}
function HREF(a,b,c){
    return '<a class="'+ a +'" href="'+ b +'">'+ c +'</a>';
}
function SPAN(a,b){
    return '<span class="'+ a +'">'+ b +'</span>';  
}

有没有办法将这些功能组合起来,将它们简化为一个功能。

1 个答案:

答案 0 :(得分:2)

您可以使用类似于以下示例的切换语句向我们展示:

&#13;
&#13;
function TestFunction(tag, a, b, c)
{
  switch (tag)
  {
      case "div":
      case "span": 
        return '<' + tag + ' class="'+ a +'">'+ b +'</' + tag + '>';
      break;
      
      case "img":
        return '<' + tag + ' class="'+ a +'" src="'+ b +'" alt="'+ c +'">';
      break;
                
      case "a":
        return '<' + tag + ' class="'+ a +'" href="'+ b +'">'+ c +'</a>';
      break;

      default:
          // Default value.
      break;
  }  
  
}

console.log(TestFunction("div", 1, 1, 1));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;