未捕获的类型错误：无法读取空 JSON-JQUERY 的属性“长度”

Question

它的功能有问题并显示为控制台 未捕获的类型错误：无法读取 null 的属性“长度” 不明白为什么

function shownameplaylist(){
$.getJSON( "js/json/nameplaylist.json", function( data ) {
    var items = [];
    $.each( data, function( key, value ) {
        $('#nameplaylist').append('<option>'+value.title+'</option>')
    });
    $('.nameplaylist option:first-child').attr("selected", "selected");
    nameplaylist=$( ".nameplaylist option:selected" ).text();
    console.log(nameplaylist.length);
    if(nameplaylist.length==0){
        $('#nameplaylist').css('display','none');
        $('#delplaylist').css('display','none');
    }
}).done(function(){ // If the AJAX call encountered an error
        showplaylist();
    })
    .fail(function(){ // If the AJAX call encountered an error
        console.log('no load nameplaylist');
        $('#nameplaylist').css('display','none');
        $('#delnamelist').css('display','none');
        $('#delplaylist').css('display','none');

    });
}

Answer 1

您为“nameplaylist”使用了两个不同的选择器，#nameplaylist 和 .nameplaylist。第一个暗示一个带有ID 的“nameplaylist”的元素，第二个暗示一个带有class 的“nameplaylist”的元素。

$('#nameplaylist') 和 $('.nameplaylist') 不会选择相同的元素，除非您的元素同时具有“nameplaylist”的id 和 class：

<elem id="nameplaylist" />       <!-- $('#nameplaylist') -->
<elem class="nameplaylist" />    <!-- $('.nameplaylist') -->

确定您实际使用的选择器并相应地修改您的选择器。

查看您的代码，我想您的解决方法就是将第 7 行和第 8 行更改为：

$('#nameplaylist option:first-child').attr("selected", "selected");
nameplaylist=$( "#nameplaylist option:selected" ).text();