在 jQuery 中的 Math.random() 之后找到 “li”

find "li" after Math.random() in jQuery

本文关键字:li 之后 中的 jQuery Math random      更新时间:2023-09-26

>演示

你好

正在找到"LI"的随机数,现在我无法在选定的随机数中找到内容。

请帮助找到内部内容,不确定如何通过保持随机选择值来查找内容。

感谢您的帮助!!

谢谢

JS: 
$(function(){
   getRandomMaxCount = $('#flexslider-1 .flex-viewport ul.slides li').length;
   var minNumber = 1;
   var maxNumber = getRandomMaxCount;
   randomNumberFromRange(minNumber, maxNumber);
   function randomNumberFromRange(min,max) {
        alert(Math.floor(Math.random()*(max-min+1)+min));
        console.log($(this).find('li'))
   }
})

HTML : 
<div id="flexslider-1" class="flexslider flexslider-processed">
   <div class="flex-viewport" style="overflow: hidden; position: relative;">
      <ul class="slides" style="width: 400%; transition-duration: 0s;">
         <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>

          <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315806--2" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75666</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
         <li style="width: 0px; float: left; display: block;">
            <div class="doctor-profile ">
               <div class="thumb-img">
                  <div class="field-content">
                     <div id="file-315811--3" class="file file-image file-image-png">
                        <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                        <div class="content">
                           <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">  
                        </div>
                     </div>
                  </div>
               </div>
               <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span></div>
               <div id="doc_id" style="display:none;"><span>75661</span></div>
               <p class="dr-description"></p>
               <div></div>
               <p></p>
            </div>
         </li>
      </ul>
   </div>
   <ul class="flex-direction-nav">
      <li><a class="flex-prev flex-disabled" href="#" tabindex="-1">Previous</a></li>
      <li><a class="flex-next" href="#">Next</a></li>
   </ul>
</div>

使用:nth-child选择器并提及所需的index

试试这个:

$(function() {
  var getRandomMaxCount = $('#flexslider-1 .flex-viewport ul.slides li').length;
  var minNumber = 1;
  var maxNumber = getRandomMaxCount;
  randomNumberFromRange(minNumber, maxNumber);
  function randomNumberFromRange(min, max) {
    var index = Math.floor(Math.random() * (max - min + 1) + min);
    console.log($('.slides li:nth-child(' + index + ')'));
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="flexslider-1" class="flexslider flexslider-processed">
  <div class="flex-viewport" style="overflow: hidden; position: relative;">
    <ul class="slides" style="width: 400%; transition-duration: 0s;">
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li class="flex-active-slide" style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315806--2" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d1png-2">d1.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d1.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/karthikeyan">Karthikeyan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75666</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
      <li style="width: 0px; float: left; display: block;">
        <div class="doctor-profile ">
          <div class="thumb-img">
            <div class="field-content">
              <div id="file-315811--3" class="file file-image file-image-png">
                <h2 class="element-invisible"><a href="/file/d3png">d3.png</a></h2>
                <div class="content">
                  <img typeof="foaf:Image" src="http://vietnam.test3.meadjohnson.net/sites/default/files/d3.png" alt="" draggable="false">
                </div>
              </div>
            </div>
          </div>
          <div class="dr-name contact-name"><span class="field-content"><a href="/ashraf-jahan">Ashraf Jahan</a></span>
          </div>
          <div id="doc_id" style="display:none;"><span>75661</span>
          </div>
          <p class="dr-description"></p>
          <div></div>
          <p></p>
        </div>
      </li>
    </ul>
  </div>
  <ul class="flex-direction-nav">
    <li><a class="flex-prev flex-disabled" href="#" tabindex="-1">Previous</a>
    </li>
    <li><a class="flex-next" href="#">Next</a>
    </li>
  </ul>
</div>

在这里摆弄