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

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

如何選擇和使用 srcset 屬性的值？

如何選擇和使用 srcset 屬性的值？

哆啦的時光機(jī) 2021-11-25 16:30:27
目前，我正在設(shè)置一些代碼，以根據(jù)鍵中提供的信息動態(tài)更改頁面上的特定按鈕。我對編程和 jQuery/JavaScript 比較陌生，感謝所有的答案！問題：我想保存一個作為srcset屬性值的 URL，以便可以將其保存到更改按鈕鏈接的鍵中。有幾個srcset屬性和我需要的值在URL中的唯一標(biāo)識符（例如， www.url.com/this-is-a-sample-image/KQ4/...與KQ4作為唯一標(biāo)識符）。例如，其他srcset屬性有KQ6、等KQ2。如何選擇我需要的srcset屬性（作為信息：它始終位于<picture>標(biāo)簽下的相同位置）并將其內(nèi)容保存到鍵？<div class="unique_img" style="margin-left: 0px;">  <picture>    <source srcset="www.url.com/this-is-a-sample-image/KQ4/..., www.url.com/this-is-a-sample-image/KQ4/... 2x" media="min-width: xx")>    <source srcset="www.url.com/this-is-a-sample-image/KQ6/..., www.url.com/this-is-a-sample-image/KQ6/... 2x" media="min-width: yy")>    <source srcset="www.url.com/this-is-a-sample-image/KQ8/..., www.url.com/this-is-a-sample-image/KQ8/... 2x" media="min-width: zz")>  </picture></div>我嘗試了各種 jQuery 方法來srcset選擇我需要的方法，但我無法專門搜索我的方法KQ4：$("div.unique_img[srcset*=KQ4]") $("div.unique_img:contains('KQ4')") $('div.unique_img:nth-child(1)') $('div.unique_img').find('KQ4') $('div.unique_img .srcset') $("img[name*='KQ4']") 預(yù)期的結(jié)果是從所需的第一個獲取整個 URLsrcset并將其保存到特定鍵。到目前為止，我仍然無法弄清楚如何準(zhǔn)確地做到這一點(diǎn)。指向文檔適當(dāng)部分的指針也足夠了，因為我想學(xué)習(xí) JavaScript！
查看完整描述

3 回答

?
30秒到達(dá)戰(zhàn)場

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

一種解決方案是KQ4在選擇器中添加


var element = document.querySelector('.unique_img source[srcset*="KQ4"]');


console.log(element.srcset);

<div class="unique_img" style="margin-left: 0px;">

  <picture>

    <source srcset="www.url.com/this-is-a-sample-image/KQ4/..., www.url.com/this-is-a-sample-image/KQ4/... 2x" media="min-width: xx")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ6/..., www.url.com/this-is-a-sample-image/KQ6/... 2x" media="min-width: yy")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ8/..., www.url.com/this-is-a-sample-image/KQ8/... 2x" media="min-width: zz")>

  </picture>

</div>


另一種解決方案是選擇所有元素，遍歷它們并檢查字符串值：


var sources = document.querySelectorAll('.unique_img source');

var targetSource = null;

[...sources].forEach(function(source) {

    

    if(source.srcset.indexOf('KQ4') !== -1) {

        targetSource = source.srcset;

    }

});



console.log(targetSource);

<div class="unique_img" style="margin-left: 0px;">

  <picture>

    <source srcset="www.url.com/this-is-a-sample-image/KQ4/..., www.url.com/this-is-a-sample-image/KQ4/... 2x" media="min-width: xx")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ6/..., www.url.com/this-is-a-sample-image/KQ6/... 2x" media="min-width: yy")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ8/..., www.url.com/this-is-a-sample-image/KQ8/... 2x" media="min-width: zz")>

  </picture>

</div>


查看完整回答
反對 回復(fù) 2021-11-25
?
幕布斯7119047

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

嘗試


document.querySelectorAll('source').forEach(src=> {

  if(/KQ4/.test(src.srcset)) {

    // 'src' contains selection

  }

});

document.querySelectorAll('source').forEach(src=> {

  if(/KQ4/.test(src.srcset)) {

    console.log( src.media );

    // your selected source tag is in 'src'`

}});

<div class="unique_img" style="margin-left: 0px;">

  <picture>

    <source srcset="www.url.com/this-is-a-sample-image/KQ4/..., www.url.com/this-is-a-sample-image/KQ4/... 2x" media="min-width: xx")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ6/..., www.url.com/this-is-a-sample-image/KQ6/... 2x" media="min-width: yy")>

    <source srcset="www.url.com/this-is-a-sample-image/KQ8/..., www.url.com/this-is-a-sample-image/KQ8/... 2x" media="min-width: zz")>

  </picture>

</div>


查看完整回答
反對 回復(fù) 2021-11-25
?
qq_遁去的一_1

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

您嘗試使用*并且contains應(yīng)該可以工作，您所做的唯一錯誤是您試圖匹配 div 內(nèi)容而不是 div 內(nèi)容中的源。

試試下面的代碼

$("div.unique_img  source[srcset*=KQ4]") // this will return matching image having matching `srcset`



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

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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