如何从数组中获取图像图标并在 DIV 中一一追加答案

【问题标题】：How to fetch image icons from an Array & append one by one inside DIVs如何从数组中获取图像图标并在 DIV 中一一追加
【发布时间】：2011-11-23 17:56:58
【问题描述】：

如何从数组中获取图像图标并在 DIV 中一一添加。我有一个带有图像路径的数组。我想从该数组中获取图像并在 DIV 中一一追加。

我想将这些图标附加到“class=acc_trigger”div 中。这是 HTML

<div class="container">

    <h2 class="acc_trigger"><a href="#">Home</a></h2>
    <div class="acc_container">
        <div class="block">
            <ul>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
            </ul>

        </div>
    </div>

    <h2 class="acc_trigger"><a href="#">Req Mgmt</a></h2>
    <div class="acc_container">
        <div class="block">
                <ul>
                <li><a href="#">Requirments</a></li>
                <li><a href="#">Use Cases</a></li>
                <li><a href="#">Test Cases</a></li>
            </ul>         
        </div>
    </div>

    <h2 class="acc_trigger"><a href="#">Test</a></h2>
    <div class="acc_container">
      <div class="block">
            <ul>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
            </ul>
        </div>
    </div>

    <h2 class="acc_trigger"><a href="#">Project</a></h2>
    <div class="acc_container">
        <div class="block">
            <ul>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
                <li><a href="#">One</a></li>
            </ul>
        </div>
    </div>

</div>

*********** JQUERY ARRAY *****************


 var $iconLeft = new Array();
                $iconLeft[0] = 'images/icons/home_icon.gif';
                $iconLeft[1] = 'images/icons/reqMgmt_icon.gif';
                $iconLeft[2] = 'images/icons/test_icon.gif';
                $iconLeft[3] = 'images/icons/project_icon.gif';
                $iconLeft[4] = 'images/icons/issue_icon.gif';
                $iconLeft[5] = 'images/icons/more_icon.gif';

我应该使用 .each() 吗？如果是这样，如何使用它？请帮忙。

【问题讨论】：

标签： jquery-ui jquery

【解决方案1】：

试试这个：

$(document).ready(function () {  
$('h2.acc_trigger').each(function(i){
  var icon = new Array;
  icon[0] = 'images/icons/home_icon.gif';
  icon[1] = 'images/icons/reqMgmt_icon.gif';
  icon[2] = 'images/icons/test_icon.gif';
  icon[3] = 'images/icons/project_icon.gif';
  icon[4] = 'images/icons/issue_icon.gif';
  icon[5] = 'images/icons/more_icon.gif';

  $(this).prepend('<img src='+icon[i]+' />');
  });                
});

【讨论】：