Javascript 使用Jquery按类搜索元素时获取空数组_Javascript_Jquery_Html

Javascript 使用Jquery按类搜索元素时获取空数组

javascript jquery html

Javascript 使用Jquery按类搜索元素时获取空数组,javascript,jquery,html,Javascript,Jquery,Html,我想知道如何获得当我点击按钮时，我期望4个数组返回数据，而不是其中一个，这让我更加困惑 currid，summaryName和trend不是类名，而是名称属性。将选择器更改为.mypanel>a[name=“your\u name\u value”]： var text=”“；函数getData（）{ $.getJSON（'https://cors-anywhere.herokuapp.com/http://www.investing.com/common/technical_summar

我想知道如何获得


当我点击按钮时，我期望4个数组返回数据，而不是其中一个，这让我更加困惑
currid
，summaryName
和trend
不是类名，而是名称属性。将选择器更改为.mypanel>a[name=“your\u name\u value”]
：

var text=”“；
函数getData（）{
$.getJSON（'https://cors-anywhere.herokuapp.com/http://www.investing.com/common/technical_summary/api.php?action=TSB_updatePairs&pairs=1，2,3,4,5,6,7,8,9,10,11,12,14,15,16,47,48,49,50,52,53,54,55&时间范围=300'，
功能（数据）{
变量x=0
对于（i=0；i<60；i++）{
试一试{
text=text+`Currency_id:${i}

值：${data[i].summaryLast}

货币：${data[i].摘要名称}

趋势：${data[i].技术摘要}

`
}捕获（e）{}
}
$（“.mypanel”）.html（文本）；
});
}
getData（）
函数saveData（）{
var货币标识=[]
$（'.mypanel>a[name=“currid”]'）。每个（函数（i）{
货币ID[i]=$（this.text（））
})
log（JSON.stringify（currency_id））
var货币价值=[]
$（'.mypanel>a.summaryLast'）。每个（函数（i）{
货币\u值[i]=$（this）.text（）
})
log（JSON.stringify（货币值））
变量货币名称=[]
$（'.mypanel>a[name=“summaryName”]'）。每个（函数（i）{
货币名称[i]=$（此）.text（）
})
log（JSON.stringify（货币名称））
var货币趋势=[]
$（'.mypanel>a[name=“trend”]'）。每个（函数（i）{
货币趋势[i]=$（此）.text（）
})
log（JSON.stringify（货币趋势））
}




<!DOCTYPE html>
<meta charset="utf-8"/>
<html lang="en">
<head>
<title>Currencies</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>

<body>
    <input id="clickMe" type="button" value="clickme" onclick="saveData();" />

    </br>
    <div class ="currencies">
    <a class="mypanel"></a>
    </div>
    <script>
    var text = ``
    function getData(){

        $.getJSON('https://cors-anywhere.herokuapp.com/http://www.investing.com/common/technical_summary/api.php?action=TSB_updatePairs&pairs=1,2,3,4,5,6,7,8,9,10,11,12,14,15,16,47,48,49,50,52,53,54,55&timeframe=300', 
            function(data) {
                var x=0
                for(i=0; i<60;i++){
                try{
                text = text + `Currency_id : <a name="currid">${i}</a><br>
                               Value: <a class="summaryLast">${data[i].summaryLast}</a><br>
                            Currency: <a name="summaryName">${data[i].summaryName}</a><br>
                            Trend: <a name="trend">${data[i].technicalSummary}</a><br><br>`

                }

                catch(e){

                }

                }
                $(".mypanel").html(text);

            });

    }

    getData()

    function saveData(){

        var currency_ids = []
        $('.mypanel > a.currid').each(function(i){
          currency_ids[i] = $(this).text()
        })
        console.log(JSON.stringify(currency_ids))

        var currency_values = []
        $('.mypanel > a.summaryLast').each(function(i){
          currency_values[i] = $(this).text()
        })
        console.log(JSON.stringify(currency_values))

        var currency_name = []
        $('.mypanel > a.summaryName').each(function(i){
          currency_name[i] = $(this).text()
        })
        console.log(JSON.stringify(currency_name))
        var currency_trend = []
        $('.mypanel > a.trend').each(function(i){
          currency_trend[i] = $(this).text()
        })
        console.log(JSON.stringify(currency_trend))

    }



    </script>

</body>
</html>