Question

如何在不使用datavalue的情况下在javascript中抓取所选的onClick属性。我有多个具有相同类别的跨度等;除了datavalue。

HTML

<span class="sku">
       <span class="imgsku">
         <a class="colourBox" datavalue="thisValue">
              <p>Test</p>
       </a>
 </span>

的Javascript

$(function() {
    $(".sku a").click(function() {
        var obj = this;
        //Update Hidden Field after retrieving the selected value
    });
});

Answer 1

使用此属性data-value和此代码：

$('a.colourBox').each(function(){
    var value = $(this).data('value');
});

这将在DOM准备好的colourBox类的每个链接上循环。

Answer 2

你错过了冲刺＆＃39; - ＆＃39;数据与价值之间

<span class="sku">
       <span class="imgsku">
         <a class=" colourBox"  data-value="thisValue">
              <p>Test</p>
       </a>
</span>

获取值

$(function() {
    $(".sku a").click(function() {
        var value = ( this ).data( "value" )
        //Update hidden field after retrieving the selected value
    });
});

Answer 3

您需要调整html以正确使用data属性。

应为data-value = "somevalue"

然后相应的 jQuery 函数来获取你的数据值是：

var yourValue = $(this).data('value');

有关正确使用jQuery .data()函数的更多信息，请在此处阅读：http://api.jquery.com/jquery.data/

有关正确使用HTML data属性的详细信息，您可以在此处阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

这是正确的 Javascript 用法：

<强> HTML

<a id="someLink" data-value="thisValue">Link</a>

<强> 的Javascript

var dataval = document.querySelector('#someLink').dataset.value;

使用Datavalue / Extracting选择＆＃34;标记＆＃34;的值

3 个答案: