jQuery：为什么这个选择器只在某些时候工作？

Question

我有一个看起来像这样的列表：

<li class = "current_parent level-0"> 
    <a> Parent Link </a> 
    <ul class= "children"> 
    <li class = "level-1"> 
      <a> Link to child </a> 
    </li> 

    <li class = "level-1 current_page_item"> 
      <a> Link to child </a> 
    </li> 

    <li class = "level-1"> 
      <a> Link to child </a> 
    </li> 

    </ul> 
</li> 

我也有一些jQuery来寻找那些“当前页面项目”的兄弟姐妹，从他们那里得到一些信息（标题和URL）。在上面的例子中，在“当前页面项目”是由两个兄妹两侧两侧，代码的伟大工程：

//Get URLs, run a length check against them. Execute functions are necessary. Pass the functions the relevant URL 
     var nextURL= $(".current_page_item").next().find("a").attr("href"); //Get the HREF of the next page in list 
     var previousURL= $(".current_page_item").prev().find("a").attr("href"); //Get the HREF of the previous page in list 


     if(previousURL.length >= 1){  
      alert ("Setting prev URL!"); 
      setPrevPageLink(previousURL); 
     } 
     else if(previousURL == undefined){ 
      alert ("Hiding prev URL!"); 
      $('.previous_link').hide(); 
     } 


     if (nextURL.length >= 1){ 
      alert ("Setting next URL!"); 
      setNextPageLink(nextURL); 
     } 
     else if(nextURL == undefined){ 
      alert ("Hiding Next URL!"); 
      $('.next_link > a').hide(); 
     } 

     function setPrevPageLink(previousURL) { 

      var prevTitle = $(".current_page_item").prev().find("a").attr("title"); //Get the title of previous page in list. WP provides. 
      $(".previous_link > a").attr("href", previousURL); //Set the 'Previous Link' to the URL of the previous item in list. 
      $(".previous_link > a").text(prevTitle); // Set the Title Text of the Link to the title of the previous Item in the List 
      alert ("Previous URL is" + previousURL + "and it's title is " + prevTitle + "and it's length is " + previousURL.length); //Drop an alert for Debug 
     } 

     function setNextPageLink(nextURL){ 

      var nextTitle = $(".current_page_item").next().find("a").attr("title"); 
      $(".next_link > a").attr("href", nextURL); 
      $(".next_link > a").text(nextTitle); 
      alert ("Next URL is" + nextURL + "and the title is" + nextTitle + "and it's length is" + nextURL.length); 
     } 

但是，如果“当前页面项目”是在列表的开始（即它没有“较高”的兄弟姐妹，只是一个“较低”的），这段代码从不执行。为什么？它没有任何反应。如果“当前页面项目”位于列表的结尾，则一切正常。

此外，奖金Q：“==未定义”从不起作用。为什么？ Javascript中的isset是什么？

Answer 1

这是因为previousURL将undefined如果没有链接以获得从href，所以你需要前检查undefined检查房子的.length，就像这样：

if(previousURL === undefined){ 
     alert ("Hiding prev URL!"); 
     $('.previous_link').hide(); 
    } 
    else if(previousURL.length >= 1){ 
     alert ("Setting prev URL!"); 
     setPrevPageLink(previousURL); 
    } 

确保对nextURL做同样的事情。我认为你的困惑来自一个糟糕的测试，它确实炸毁，如果它也在列表的末尾，you can test it here。

Here's an updated/working version for all scenarios。

Answer 2

接听奖金问题：

要检查的成员未定义：

typeof x === "undefined"