Question

根据以下屏幕截图，我正在尝试访问突出显示的Div中保存的数据。（ID为“类别”。

目前，这是一个空白的结果，

categorySelected = $('div#category.tag.categorylabel').val();

我认为我没有正确定位div以获取数据？为实现这一目标，我需要做些什么改变？

在下面的示例中，我想在后面的代码部分中捕获单词“Work”以保存到Db。

Example

以下是用于返回结果的代码，查询。

 var GlobalBadges = Parse.Object.extend("Global_Badges");
 var query = new Parse.Query(GlobalBadges);
 query.exists("Global_Badges_img");
 query.find({
    success: function(results) {
        var friends = [];
        for (var i = 0; i < results.length; i++) {
            friends.push({
                imageURL: results[i].get('Global_Badges_img'),
                //friendRequestId: results[i].id,
                badgename: results[i].get('BadgeName'),
                category: results[i].get('category'),

            });
        }
        // TW: replaced dynamic HTML generation with wrapper DIV that contains IMG and name DIV
        _.each(friends, function(item) {
            // using a wrapper so the user can click the pic or the name
            var wrapper = $('<div></div>');
            wrapper.append('<img class="images BadgeImgOutline responsive-image" src="' + item.imageURL + '" />'+ '<br>');
            wrapper.append('<div class="tag badgelabel" >'+ item.badgename + '</div>'+ '<br>');
            wrapper.append('<div id="category" class="tag categorylabel" >'+ item.category + '</div>'+ '<br>'+ '<br>'   );





            $('#container').append(wrapper);
        });


    },
    error: function(error) {
        alert("Error: " + error.code + " " + error.message);
    }
});

Answer 1

categorySelected = $('div#category.tag.categorylabel').text();

Answer 2

使用jQuery：

$('div#data').text();

使用javascript：

document.getElementById('data').innerHTML;

演示：fiddle

Answer 3

val()函数用于获取输入字段的值，而text()用于div或跨度等，您希望获取开始和结束标记之间的内容

如何访问存储在DIV中的值？

3 个答案: