JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'></div>
<div id='divResult'></div>
<script>
$(function(){
    var siteUrl = 'http://www.bbbobo.com.tw';
    alert('123');
    $('#container').find('table').each(function(){
    //alert($(this).html());
    var photosrc = $(this).find('.gf_pic').find('img').attr('src');
    if(photosrc!=undefined){
    var photoUrl = siteUrl + $(this).find('.gf_pic').find('img').attr('src');
    //alert(photoUrl);
    var desc = $(this).find('.gf_pic').parent().next('tr').next('tr').html();
    var prodName = $(this).find('.gf_pic').parent().next('tr').next('tr').find('table').find('tr').find('span').eq(2).html();
        var prodPrice = $(this).find('.gf_pic').parent().next('tr').next('tr').find('table').find('tr').find('span').eq(5).html();
    var htmlstr = '<li>'+'<img src="'+photoUrl+'"/>'+prodName+prodPrice+'</li>'
    $('#divResult').append(htmlstr);
    }
    });
    $('#container').html('');
    });    
function cbFunc(data){
    //alert(data.results);
    //alert($(data.results).find('table').html());
    $('#container').append(data.results);
    
}
</script>
<script src='http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.bbbobo.com.tw%2Fgoods_list.asp%3FSelectArea%3D0%26SelectAgent%3D31%26MinM%3D0%26MaxM%3D0%26zone%3D0%26KeyWord%3D%26sClass%3D%26Page%3D1%22&format=xml&callback=cbFunc'>        
</script>
    <script src='http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.bbbobo.com.tw%2Fgoods_list.asp%3FSelectArea%3D0%26SelectAgent%3D31%26MinM%3D0%26MaxM%3D0%26zone%3D0%26KeyWord%3D%26sClass%3D%26Page%3D2%22&format=xml&callback=cbFunc'></script>