如何在jQuery中引用已识别容器中的未识别项?

时间:2018-04-17 12:48:10

标签: javascript jquery

我有以下代码:

<div id="myDiv">
   <ul>
     <li> Thing 1
     <li> Thing 2
   </ul>
</div>

我希望能够在列表中添加一个新项目,该项目未识别。

如果我这样做:

var x = $('#myDiv').has('ul')

我实际上指的是正确的div,但我想引用ul本身,所以我可以做一个.append()。

这样做的正确方法是什么? 谢谢你的帮助!

2 个答案:

答案 0 :(得分:2)

您可以这样指向collect()

ul

$('#myDiv ul')
$('#myDiv ul').append('<li>Item to append</li>');

答案 1 :(得分:2)

您可以直接推荐<ul>: -

$('ul').append('<li>Item 3 appended</li>');

工作片段: -

&#13;
&#13;
$('ul').append('<li>Item 3 appended</li>');
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
   <ul>
     <li> Thing 1
     <li> Thing 2
   </ul>
</div>
&#13;
&#13;
&#13;

注意: - 如果存在多个<li>,则会向所有<ul>'s添加<ul>

因此,如果您要附加到特定$('#myDiv ul').append('<li>Item 3 appended</li>'); ,请参考其父

$('#myDiv ul').append('<li>Item 3 appended</li>');

工作代码段: -

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
   <ul>
     <li> Thing 1
     <li> Thing 2
   </ul>
</div>
&#13;
# security.yml
security:
    providers:
        ezpublish:
            id: ezpublish.security.user_provider
#        in_memory:
#            memory: ~
#
firewalls:
    dev:
        pattern: ^/(_(profiler|wdt)|css|images|js)/
        security: false

    ezpublish_setup:
        pattern: ^/ezsetup
        security: false

    ezpublish_rest:
        pattern: ^/api/ezp/v2
        stateless: true
        ezpublish_http_basic:
            realm: eZ Publish REST API

    ezpublish_front:
        pattern: ^/
        anonymous: ~
        form_login:
            require_previous_session: false
            login_path: /login
            check_path: /login_check
        logout: ~

    default:
        anonymous: ~
&#13;
&#13;
&#13;