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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

JavaScript，獲取具有相同值 'id' 和其他屬性的元素

JavaScript，獲取具有相同值 'id' 和其他屬性的元素

汪汪一只貓 2021-11-04 16:57:41
我有一個(gè)呈現(xiàn)為以下結(jié)構(gòu)的文檔：<tr>    <td>        <div class="csLabel">            <label for="common_id">Label</label>        </div>    </td>    <td>        <div class="csFields">            <select id="common_id" name="someName">                <option value="">some options...</option>            </select>                   </div>    </td></tr>頁(yè)面上有很多這樣的元素，我只想隱藏其中的幾個(gè)。如您所見(jiàn)，有兩個(gè)元素： alabel和select。它們共享相同的值，common_id但在label其中分配給for屬性，并且在select其中是id。有沒(méi)有辦法獲得所有使用 value 的元素common_id？
查看完整描述

2 回答

?
慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊

試試這個(gè)


如果您只想隱藏該行，您只需要 ID：


var id = "common_id2";

[...document.querySelectorAll("#"+id)].forEach(function(ele) {

  ele.closest("tr").style.display="none";

})

<table>

  <tbody>

    <tr>

      <td>

        <div class="csLabel">

          <label for="common_id1">Label</label>

        </div>

      </td>

      <td>

        <div class="csFields">

          <select id="common_id1" name="someName">

            <option value="">some options...</option>

          </select>

        </div>

      </td>

    </tr>

    <tr>

      <td>

        <div class="csLabel">

          <label for="common_id2">Label</label>

        </div>

      </td>

      <td>

        <div class="csFields">

          <select id="common_id2" name="someName">

            <option value="">some options...</option>

          </select>

        </div>

      </td>

    </tr>

  </tbody>

</table>

如果標(biāo)簽和元素在不同的行中，您需要 ID 和 for=ID


var id = "common_id2";

[...document.querySelectorAll("#" + id + ", [for=" + id + "]")].forEach(function(ele) {

  ele.closest("tr").style.display = "none";

})

<table>

  <tbody>

    <tr>

      <td>

        <div class="csLabel">

          <label for="common_id1">Label</label>

        </div>

      </td>

    </tr>

    <tr>

      <td>

        <div class="csFields">

          <select id="common_id1" name="someName">

            <option value="">some options...</option>

          </select>

        </div>

      </td>

    </tr>

    <tr>

      <td>

        <div class="csLabel">

          <label for="common_id2">Label</label>

        </div>

      </td>

    </tr>

    <tr>

      <td>

        <div class="csFields">

          <select id="common_id2" name="someName">

            <option value="">some options...</option>

          </select>

        </div>

      </td>

    </tr>

  </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2021-11-04
?
慕沐林林

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

也許在加載時(shí)執(zhí)行此操作，那么您稍后需要執(zhí)行的操作會(huì)容易得多。


const child = document.querySelectorAll('label[for="common_id1"]')


child.forEach(node => node.parentNode.parentNode.data('targetId', node.id))


查看完整回答
反對(duì) 回復(fù) 2021-11-04
  • 2 回答
  • 0 關(guān)注
  • 464 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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