第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從類中獲取信息并將其轉(zhuǎn)換為數(shù)組

從類中獲取信息并將其轉(zhuǎn)換為數(shù)組

BIG陽 2021-05-10 10:46:17
我當(dāng)前正在構(gòu)建一個排序系統(tǒng),我想對這四個元素進(jìn)行排序,這四個元素都具有相同的類。      function sortByOrdnr() {        var allaOrdnr = document.getElementsByClassName("ordernummer");        var antal = allaOrdnr.length;        var listWithAllaOrdnr = [];        for (var i = 0; i < antal; i++) {          listWithAllaOrdnr.push(allaOrdnr[i]);        }        listWithAllaOrdnr.sort() // [A, B, C, E]        console.log(listWithAllaOrdnr);        for (var i = 0; i < antal; i++) {          document.getElementsByClassName("ordernummer")[i] = listWithAllaOrdnr[i];        }      }<button onclick="sortByOrdnr()"> Button </button>    <p class="ordernummer"> A </p>    <p class="ordernummer"> E </p>    <p class="ordernummer"> B </p>    <p class="ordernummer"> C </p>最后,我希望類更改位置,以便在單擊按鈕時對四個元素進(jìn)行排序,如下所示:<p class="ordernummer"> A </p><p class="ordernummer"> B </p><p class="ordernummer"> C </p><p class="ordernummer"> E </p>我感謝所有的幫助。提前致謝。
查看完整描述

3 回答

?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗 獲得超6個贊

我將使用普通的ES6 JS提供另一個DOM版本,該版本根據(jù)HTMLTexts的textContent對HTMLElements進(jìn)行排序。這是一個輔助函數(shù),我部分是從對另一個問題的回答中得出的。


HTMLCollection.prototype.sort = function() {

  [...this]

    .sort( (a, b) => a.textContent.localeCompare(b.textContent) )

    .forEach( (val) => val.parentNode.appendChild(val) );

}

包括此之后,您可以直接在NodeList上使用.sort()。


演示:


function sortByOrdnr() {

  var allaOrdnr = document.getElementsByClassName("ordernummer");

  allaOrdnr.sort();

}


HTMLCollection.prototype.sort = function() {

  [...this]

    .sort( (a, b) => a.textContent.localeCompare(b.textContent) )

    .forEach( (val) => val.parentNode.appendChild(val) );

}

<button onclick="sortByOrdnr()"> Button </button>


<p class="ordernummer"> A </p>

<p class="ordernummer"> E </p>

<p class="ordernummer"> B </p>

<p class="ordernummer"> C </p>


查看完整回答
反對 回復(fù) 2021-05-27
?
精慕HU

TA貢獻(xiàn)1845條經(jīng)驗 獲得超8個贊

這是DOM版本


function sortByOrdnr() {

  const oDiv = document.getElementById("container");

  const ps = oDiv.querySelectorAll("p");

  let vals = [];

  ps.forEach(p => vals.push(p.textContent));

  let sortArr = vals.slice(0);

  sortArr.sort().forEach(val => {

    oDiv.appendChild(ps[vals.indexOf(val)])

  })

}

<button onclick="sortByOrdnr()"> Button </button>

<div id="container">

  <p class="ordernummer"> A </p>

  <p class="ordernummer"> E </p>

  <p class="ordernummer"> B </p>

  <p class="ordernummer"> C </p>

</div>


查看完整回答
反對 回復(fù) 2021-05-27
?
暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗 獲得超9個贊

以下代碼段可能會對您有所幫助,您應(yīng)該使用它.innerHTML來設(shè)置新內(nèi)容:


    function sortByOrdnr() {

        var allaOrdnr = document.getElementsByClassName("ordernummer");

        var antal = allaOrdnr.length;

        var listWithAllaOrdnr = [];

        for (var i = 0; i < antal; i++) {

          listWithAllaOrdnr.push(allaOrdnr[i].innerText);

        }

        listWithAllaOrdnr.sort() // [A, B, C, E]

        for (var i = 0; i < antal; i++) {

          allaOrdnr[i].innerHTML = listWithAllaOrdnr[i];

        }

      }

<button onclick="sortByOrdnr()"> Button </button>


    <p class="ordernummer"> A </p>

    <p class="ordernummer"> E </p>

    <p class="ordernummer"> B </p>

    <p class="ordernummer"> C </p>


查看完整回答
反對 回復(fù) 2021-05-27
  • 3 回答
  • 0 關(guān)注
  • 199 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號