Try with below code:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("span").each(function(){
var newObject = JSON.parse($(this).attr("dnd-draggable"));
if(newObject.value == "a")
{
alert("True");
}
else
{
alert("False");
}
});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<span id="1" dnd-draggable='{"value":"a","text":"apple"}' />
<span id="2" dnd-draggable='{"value":"b","text":"bat"}' />
<button>Click me</button>
</body>
</html>