Question

我的HTML

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

如何使用jQuery检索数据并存储它？

我的尝试：

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

谢谢！

Answer 1

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

这样的情况适用于这种情况

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

Answer 2

就个人而言，我会按如下方式重写您的HTML：

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

然后在Javascript中访问这样的数据元素：

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

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

如果你想这样做的话......

<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');

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

2 个答案: