Как проверить значение атрибута равно oue и получить значение другого атрибута в этом элементе?

Question

Я хочу получить конкретное значение data-val. Я получаю значение индекса. Мне нужно получить значение data-val, значение которого имеет значение data-ind div.

<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> 

Answer 1

Используйте data-* селектора и .attr(), чтобы получить data-val как показано ниже: -

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

ИЛИ использовать .data(), как показано: -

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

Answer 2

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

Описание: Выбор элементов, которые имеют указанный атрибут со значением в точности равным определенному значению.

Answer 3

Попробуйте

$(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/

Answer 4

Использование Это:

$.each($("div[data-ind]"),function(){ 
    console.log($(this).attr('data-val')); 
    alert($(this).attr('data-val')); 
});` 

Answer 5

Я думаю, что это должно работать:.

$(document).ready(function(){ 

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

alert(value); 

});