javascript - 在 jQuery 中的 Math.random() 之后找到 "li"

<强> DEMO

嗨，

我正在查找“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>

最佳答案

Use :nth-child selector and mention the required 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>

Fiddle here

关于javascript - 在 jQuery 中的 Math.random() 之后找到 "li"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36053836/

javascript - 在 jQuery 中的 Math.random() 之后找到 "li"

上一篇：javascript - 将 jQuery 转换为 Angular 并优化性能

下一篇：javascript - List.js参数问题