javascript - 如何使用jquery从html中提取元素？

Question

我有一个弹出窗口，其中列出了用户拥有的各种播放列表。单击时，我试图将与视频关联的 video_id 添加到适当的播放列表中。我不确定如何实现；用户单击弹出窗口中的链接，应该提取 video_id(来自 div #add)和选择的播放列表(用户为多个播放列表生成名称但只选择了一个)。有什么建议吗？

    <script type="text/javascript">
   $(document).ready(function() {
       $("#muncher").click(function(event){
       event.preventDefault();
            $.ajax({
                 type:"POST",
                 url:"/edit_favorites/",
                 data: {
                        'video_add': $('#add').val(), // from form
                        'playlist_selected': $('#').val() //from form
                        },
                 success: function(){

                        $('#muncher').html("Added");


                    }
            });
            return false;
       });

    });
</script>   


<div id = 'muncher'>
    <div id = 'add'>12345</div>
    <a href = "#" id="munch" rel="popover" data-html="true" data-placement="right"  data-content= "<a href= '#'>Favorites</a><br>

                <a href = '#' class = 'Funny'>Funny</a><br>

                <a href = '#' class = 'test'>test</a><br>

                <a href = '#' class = 'test1'>test1</a><br>                     

    " data-original-title="Add to your plate">
            Munch
    </a>    
</div>

Answer 1

对您要尝试做的事情到底是什么感到困惑。每个视频都是播放列表的 child 吗？如果是这样，请尝试将 this.id 作为参数传递给 onClick 事件...

...click="toPlaylist(this.id)"

function toPlaylist(clicked) {
  var tempVideo = clicked;
  // Get a parent node ID like this...
  var tempList = $(clicked).parentNode.id;
  // Do something else...
  nextAction(tempVideo, tempList);
}

PS:你可能需要做这样的事情

  var tempVideo = '#'+clicked;    

...对于变量，我不确定。

希望这对您有所帮助。