Question

第一个传奇 “Sed ut perspiciatis unde omnis iste natus error at voluptatem accusantium doloremque laudantium，totam rem aperiam，eaque ipsa quae ab illo inventore veritatis et quasi *********示例文本****************

        <fieldset id="fs2">
            <legend id="leg2">Second Legend</legend>
            <div id="div2">
                "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
                voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint

                  <div id="div2Child">

                      ********* Sample text here ****************
                 </div>
            </div>

        </fieldset>

当我点击图例时，我应该只获取第一个div（div1和div2）的内容。我不想显示“示例文本在这里”，这是div的子div（Id - ＆gt;＆gt; div1Child和div2Child）。任何帮助，将不胜感激。这很紧急。

提前致谢。

Answer 1

以下是关于如何处理在图例点击中显示第一个父div的代码，然后单击“阅读更多”按钮显示父div的子div ...

<script>
    $(document).ready(function() {
        $("fieldset legend").click(function() {
            $(this).next("div").toggle().children("div").each(function() {
                $(this).hide();
            });
        });
        $(".btnreadmore").click(function() {
            $(this).next("div").show();
        });
    });
</script>

<fieldset id="fs1">
        <legend id="leg1">First Legend</legend>
        <div id="div1" class="hidden">
            "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
            laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi. 
            <input type="button" value="read more" class="btnreadmore" />                  
             <div id="div1Child">
                  ********* Sample text here ****************
              </div>
        </div>
    </fieldset>
<fieldset id="fs2">
        <legend id="leg2">Second Legend</legend>
        <div id="div2" class="hidden">
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
            voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint
            <input type="button" value="read more" class="btnreadmore" />                  
              <div id="div2Child">
                  ********* Sample text here ****************
             </div>
        </div>
    </fieldset>

Answer 2

这是我能想到的最好的......

$('legend').click(function(e){
     var $div = $(this).next('div').clone();
     var text = $div.children().remove().end().text();
     console.log(text);
});

编辑：以上代码假定：

你不想要任何东西 <div id="div1">除了直接的文字和
您正在使用Firebug来开发代码。

Answer 3

$（“leg1”）。next（）和$（“leg2”）。next（）？

请参阅here

Answer 4

试试这个：

$("fieldset > div:first-child")

在jQuery中选择下一个第一个元素

4 个答案: