Javascript 如何选择和使用srcset属性的值？

目前，我正在设置一些代码，以便根据键中提供的信息动态更改页面上的特定按钮。我对编程和jQuery/JavaScript比较陌生，我感谢所有的答案

问题：我想保存一个URL，它是srcset属性的一个值，这样就可以将它保存到用于更改按钮链接的键中。有几个srcset属性，我需要的值在URL中有一个唯一标识符，例如www.URL.com/this-is-a-sample-image/KQ4/。。。KQ4为唯一标识符。例如，其他srcset属性有KQ6、KQ2等

如何选择所需的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>

预期的结果是从所需的第一个srcset获取整个URL，并将其保存到特定的键。到目前为止，我还没有弄清楚如何做到这一点

一个指向文档适当部分的指针就足够了，因为我想学习JavaScript

试试看

document.querySelectorAll('source').forEach(src=> {
  if(/KQ4/.test(src.srcset)) {
    // 'src' contains selection
  }
});

document.queryselectoral'source'.forEachsrc=>{ if/KQ4/.testsrc.srcset{ console.log src.media； //您选择的源标记位于“src”中` }}; 一种解决方案是在选择器中添加KQ4

var元素=document.querySelector'.unique_img source[srcset*=KQ4]； console.logelement.srcset； 您尝试使用*和contains应该可以工作，您所做的唯一错误是尝试匹配div内容，而不是div内容内的源

试试下面的代码

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

---

我尝试过各种$jquery方法…-你可以发布你的jquery'sOh，对不起。完全忘了这个。这就是我的尝试：$div.unique_img[srcset*=KQ4]$div.unique_img:包含'KQ4'；$'div.unique_img:n-child1'；$'div.unique_img.查找'KQ4'；$'div.unique_img.srcset'$img[name*='KQ4']更多的时候，我直接在控制台中输入了它们，因为我正在现场试用，学习jQuery选择器的基本工作原理确实会让您受益匪浅。因为它们是基于CSS的，所以我推荐@billynoah谢谢你的文档！我非常高兴能更详细地了解这一点！谢谢这两种方法都很好，非常感谢！现在我必须明白这里到底发生了什么。非常感谢你@domix07很高兴这些解决方案对您有效，如果有什么不清楚，请告诉我。我确实有一个问题：是否有办法将console.log中的值作为字符串保存到变量中？我尝试使用JSON.stringify，但没有得到想要的结果。没有使用stringNevermind，我找到了解决方案！$”。唯一的\u img源[srcset*=KQ4]'。attr'srcset'是我的代码。再次感谢你@domix07 console.log仅用于在控制台中记录信息。要将值保存在变量中，可以执行类似于var myVariable=document.querySelector'.unique_img source[srcset*=KQ4]'.srcset；这不需要jQuery。最后我得到了length=1！所以我离一个可能的解决方案不远了。听你这么说太好了。。。谢谢你的帮助！很高兴帮助您：谢谢您的帮助，很遗憾这返回了未定义？@domix07上面的代码片段没有返回未定义的-可能您的代码中有一些bug

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