Javascript 使用.load（）时，我从外部页面获取所有div，但我只希望加载一个div

我有这个剧本：

    $(".circwrapper").on("click", '.menuwrapper', function(){
        var $this = $(this);
        var text =  $this.find('.title').text();
        // alert(text);
        $('.infodisplayed').load('display.html' + '#' + text + '> *')
    })

.menuwrapper

与

.infodisplay

位于同一页面上。当用户单击其中一个菜单包装器时，它应该会得到

.menuwrapper

的子目录（.title）中的文本（该目录起作用，它会得到所单击的文本），以便可以使用它来匹配display.html中div的ID名称。因为我希望匹配的div显示在

.infodisplated

div中。问题是所有div都显示在

.infodisplated

div中。我只希望显示与文本匹配的div

也许您可以在我的加载函数或脚本的其他部分中看到问题，并让我知道解决方案。如果你需要JSFIDLE，我大概需要10分钟

我知道加载函数末尾的

'>*'

不是必需的，但这不应该是问题所在。我把它放在那里是想看看是否有用

谢谢你们

下面是display.html页面

<div id= "Chicken">
    <!-- <h2>Chicken</h2> -->
    <h1>Chicken </h1>



</div>
<div id= "Sidedishes">
    <h1>Side dishes</h1>


</div>

<div id= "Salads">
    <h1>Salads</h1>

</div>

<div id= "Soup">
    <h1>Soups</h1>

</div>

<div id= "Fish">
    <h1>fish</h1>

</div>

<div id= "Deli">
    <h1>Deli</h1>
            <table>

        </table>
</div>

<div id= "Liver">
    <h1>liver</h1>

</div>

<div id= "Beaf">

</div>

鸡
配菜
沙拉
汤
鱼
熟食店
肝脏

加载时，路径和选择器需要在结果字符串中隔开：

$('.infodisplayed').load('display.html #' + text + '> *')
//                                    ^

如果没有该空间，

#

和

文本

将至少部分地被视为：

加载时，路径和选择器需要在结果字符串中隔开：

$('.infodisplayed').load('display.html #' + text + '> *')
//                                    ^

如果没有该空间，

#

和

文本

将至少部分地被视为：

---

你能分享

infodisplay

的示例标记吗？你是说display.html因为infodisplay只是一个空分区吗？你能分享

infodisplay

的示例标记吗？你是说display.html因为infodisplay只是一个空分区吗？谢谢，我试过了，没用。我将创建一个jsfidle，以便您可以帮助查找错误。我会让你知道当我完成我添加了js小提琴和display.html页面的问题。如果您能帮助我从display.html中获取infodisplay div中的一个div，我将不胜感激。我找到了我的答案，非常感谢您的帮助。这个问题是closed@user2537537稍微调整以使用JSFIDLE:。谢谢，我试过了，没用。我将创建一个jsfidle，以便您可以帮助查找错误。我会让你知道当我完成我添加了js小提琴和display.html页面的问题。如果您能帮助我从display.html中获取infodisplay div中的一个div，我将不胜感激。我找到了我的答案，非常感谢您的帮助。这个问题是closed@user2537537稍微调整以使用JSFIDLE:。