Javascript 如何从html中查找数据并使用jQuery存储数据

我的HTML

---

谢谢

有几种不同的方法可以编写选择器，但要获取可以使用的属性值，可以使用.attr（）

像这样的东西对这个案子有效

$('.product').mousedown(function(event) {
    var x = $('.priceStore').parent().find(data);
    console.log(x);
});

---

我个人会将您的HTML重写如下：

$('.product').mousedown(function(event) {
    var x = $('.priceStore p').attr('data');
    console.log(x);
});

优点： -这不需要jQuery，它是基本的javascript。
-您可以将标识符应用于多个元素并访问/操作数据
-添加第二个或第三个P标记不会破坏您的代码。

因此，如果你想这样做

document.getElementById("data").getAttribute('data');

---

示例中的“数据”是什么？谢谢！正如不加载其他函数的后续操作一样，如果有多个函数，是否有方法在单击的函数的div中查找数据？e、 g.有3个产品类别，包括3个不同的项目和3个不同的数据存储。使用类似$（this）等的东西。是的，我只是写了一个小演示来确保，但这似乎是可行的：“var x=$（this）.find（'p'）.attr（'data'）；”如果你将html与“data”的其他值一起粘贴几次，这是一个提琴，单击右边的产品，数据将显示在它们下面的一个div中。

<div class="product">
 <img src="#">
  <div class="priceStore">
   <p id="data" data="40">Item 1</p>
 </div>
</div>

document.getElementById("data").getAttribute('data');

<div class="product">
 <img src="#">
  <div class="priceStore">
   <p id="apple" data="40">Item 1</p>
   <p id="orange" data="50">Item 2</p>
   <p id="grape" data="80">Item 3</p>
 </div>
</div>

document.getElementById("apple").getAttribute('data');
document.getElementById("orange").getAttribute('data');
document.getElementById("grape").getAttribute('data');