如何检查属性值是否等于oue值并获取该元素中另一个属性的值?

时间:2016-06-03 06:39:43

标签: javascript jquery

我想获得特定的data-val值。我收到了索引值。我需要得到data-val的值,div的data-ind属性具有该索引值。

<div data-ind="1" data-val="A"></div>
<div data-ind="2" data-val="B"></div>
<div data-ind="3" data-val="C"></div>
<div data-ind="4" data-val="D"></div>
<div data-ind="5" data-val="E"></div>

5 个答案:

答案 0 :(得分:1)

var dataind = 1;
console.log($('div[data-ind=' + dataind + ']').attr('data-val'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-ind="1" data-val="A"></div>
<div data-ind="2" data-val="B"></div>
<div data-ind="3" data-val="C"></div>
<div data-ind="4" data-val="D"></div>
<div data-ind="5" data-val="E"></div>

使用attr selector

  

描述:选择具有指定属性的元素,其值完全等于某个值。

答案 1 :(得分:0)

使用data-*选择器和.attr()获取data-val,如下所示: -

var ind = "1";
$("div[data-ind = '" + ind + "']").attr('data-val');

如图所示使用.data(): -

var ind = "1";
$("div[data-ind = '" + ind + "']").data('val');

答案 2 :(得分:0)

试试这个

$(document).ready(function(){

$.each($("div[data-ind]"),function(k,v){
   var val = $(v).attr("data-val");
   alert("data-ind="+(k+1)+": "+val);
});

});

它会弹出警告

data-ind=1: A

https://jsfiddle.net/sum1/bcazbLee/3/

答案 3 :(得分:0)

使用此:

plot = sample_cut.value_counts(normalize=True, sort=False).plot()

答案 4 :(得分:0)

我认为这应该有效:

$(document).ready(function(){

var check = '5';
var value = $('div[data-ind= '+check+']').attr('data-val');

alert(value);

});