Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  
</head>
  
<body>
  <a href="#odds" data-odds='{"id":"401","odds":"1:2,20", "labelText": "Jagellonia - Wisla Krakow", "mbs":"mbs:4"}'>odds</a>
  <ul id="fs"></ul>
  
</body>
</html>
 
$('a').on('click', function(){
  var odds = $(this).data('odds');
  var listItem = $('<li/>',{
    'id': 'k'+odds.id,
    'class': 'first'   
  });
  
  var inputItem = $('<input/>',{
    'id': 'chk'+odds.id,
    'type': 'checkbox'
  });
  
  var labelText = $('<strong/>',{
    'text': odds.labelText
  });
  
  var labelItem = $('<label/>', {
    'for': 'chk' + odds.id,
    'html': labelText
  });
  
  var innerAnchor = $('<a/>', {
    'href': '#',
    'html': '<i class="icon-remove icon-red"/>'
  });
  
  var spanItems = $('<span/>', {
    'html': odds.mbs + '<span class="mTip">FS</span>' +
    '<span class="odd">'+ odds.odds  +'</span>'
  });
  
  var buildItem = listItem.append(inputItem, labelItem, innerAnchor, spanItems);
  
  $('#fs').append(buildItem);
});
  
  
  
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers