jQuery替代

Question

所以我想创建一个内容滑块。我有8个LI元素，想要用这些元素创建一个数组。到目前为止，我已经通过为每个人添加一个唯一的ID或名称并使用该元素创建变量来做到这一点，但我相信有更好的方法来做到这一点，我只是不知道它，因为我是一名设计师，而不是开发者。码：在HTML中

        <ul>
            <li>
                <img src="../images2/c++.png" />
                <h2>C++ for absolute begginers</h2>

                <h3>John Purcell</h3>
            </li>
            <li>
                <img src="../images2/JS.jpg" />
                <h2>JavaScript From Scratch</h2>

                <h3>Derek Banas</h3>
            </li>
            <li>
                <img src="../images2/cSharp.png" />
                <h2>C# From Begginer To Advanced</h2>

                <h3>Derek Banas</h3>
            </li>
            <li>
                <img src="../images2/PHP.png" />
                <h2>PhP and MySQL For Beginners</h2>

                <h3>Derek Banas</h3>
            </li>
            <li>
                <img src="../images2/c++.png" />
                <h2>C++ for absolute begginers</h2>

                <h3>John Purcell</h3>
            </li>
            <li>
                <img src="../images2/JS.jpg" />
                <h2>JavaScript From Scratch</h2>

                <h3>Derek Banas</h3>
            </li>
            <li>
                <img src="../images2/cSharp.png" />
                <h2>C# From Begginer To Advanced</h2>

                <h3>Derek Banas</h3>
            </li>
            <li>
                <img src="../images2/PHP.png" />
                <h2>PhP and MySQL For Beginners</h2>

                <h3>Derek Banas</h3>
            </li>
        </ul>

Answer 1

将共享类添加到每个li元素，如下所示：

std::unique_ptr

然后在您的javascript代码中，您可以将li元素作为htmlcollection获取，如下所示：

SDL_Window

Answer 2

这实际上取决于周围的代码。您只需为每个li添加一个类并使用Sub TestInStr() Dim sBig As String, sNotSoBig As String Dim i As Long sBig = "" For i = 1 To 500 sBig = sBig & "1234567890" Next i sNotSoBig = Mid(sBig, 5) MsgBox Len(sBig) & vbCrLf & Len(sNotSoBig) & vbCrLf & InStr(1, sBig, sNotSoBig) End Sub，或者如果这是您唯一的列表，您甚至可以使用$('.className').toArray();。

对于vanilla javascript，您可以使用$('li').toArray();或document.querySelectorAll('.className');

Answer 3

您可以使用querySelectorAll获取与数组类似的NodeList个元素。如果你要在你的ul中添加list这样的类，你可以这样得到它们：

var items = document.querySelectorAll('.list li')

NodeList可以做一些数组可以做的事情。如果您需要将其更改为如下数组：

var itemsArray = [].slice.call(document.querySelectorAll(".list li"));

Answer 4

jQuery替代

将一个类应用于ul元素并执行此选择器.classname li。
要将这些元素填充到数组中，请调用本机jQuery函数toArray()

请查看此代码段

＆＃13;

var array = $('.list li').toArray();
console.log(array);

＆＃13;

.list {
  display: none
}

.as-console-wrapper {
  max-height: 100% !important
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script><ul class='list'>  <li>    <img src="../images2/c++.png" />    <h2>C++ for absolute begginers</h2>    <h3>John Purcell</h3>  </li>  <li>    <img src="../images2/JS.jpg" />    <h2>JavaScript From Scratch</h2>    <h3>Derek Banas</h3>  </li>  <li>    <img src="../images2/cSharp.png" />    <h2>C# From Begginer To Advanced</h2>    <h3>Derek Banas</h3>  </li>  <li>    <img src="../images2/PHP.png" />    <h2>PhP and MySQL For Beginners</h2>    <h3>Derek Banas</h3>  </li>  <li>    <img src="../images2/c++.png" />    <h2>C++ for absolute begginers</h2>    <h3>John Purcell</h3>  </li>  <li>    <img src="../images2/JS.jpg" />    <h2>JavaScript From Scratch</h2>    <h3>Derek Banas</h3>  </li>  <li>    <img src="../images2/cSharp.png" />    <h2>C# From Begginer To Advanced</h2>    <h3>Derek Banas</h3>  </li>  <li>    <img src="../images2/PHP.png" />    <h2>PhP and MySQL For Beginners</h2>    <h3>Derek Banas</h3>  </li></ul>

＆＃13;

请参阅？ li个元素已填充到数组中。

资源

.toArray()

如何使用HTML元素填充数组

4 个答案:

jQuery替代

请查看此代码段

资源