Question

我以前用过

     jQuery( "select#colour option:selected" ).each(function() {
        value += "colour-" + jQuery( this ).val();
    });

这从下拉列表中选择了值并用它构造了另一个值。

我现在正在尝试修改它以从以下html ...

获取值（数据名称）

<div class="select-option" data-name="apple">
<div class="select-option selected" data-name="orange">
<div class="select-option" data-name="banana">

任何人都有类似的例子他们可以指点我吗？

Answer 1

使用.data('name')获取data-name属性值

＆＃13;

$(document).ready(function() {
  $('.select-option').each(function() {
    var name = $(this).data('name');
    console.log(name);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="select-option" data-name="apple">
<div class="select-option selected" data-name="orange">
<div class="select-option" data-name="banana">

＆＃13;

Answer 2

var value;

$('.select-option').each(function(){
  value+=$(this).attr('data-name'); //or $(this).data('name');
});

Answer 3

使用.data()

jQuery( ".select-option" ).each(function() {
        value += "colour-" + jQuery( this ).data("name");
 })

jQuery将data-name作为值

3 个答案: