jQuery的附加标签

Question

在我vue.js项目我有这个模板：只是为了测试鼠海豚

<template> 
    <div v-if="!isEmpty(media)"> 
     <div class="flex wrap">    
      <div v-for="file in media" :key="file.id" @click.prevent="action(file)"> 
       <div> 
        <a href="/file/93"> 
         <img v-bind:src="fileType(file.file_name)" class="media-file" :alt="file.name" :title="file.name"/> 
        </a> 
       </div> 
      </div> 
     </div> 

     <div v-if="context == 'destroy'"> 
      <p>Klik op het bestand om deze te verwijderen.</p> 
     </div> 
    </div> 
</template> 

我硬编码<a href="/file/93">。

现在当有人点击图片action(file)被触发。

这里我附上几件事情用jQuery这样的：

alert('test'); 
$('<a href="/file/93">') 
    .attr('data-lightbox','roadtrip') 
    .append('<img src="/file/93">') 
    .addClass('test'); 

但是，当我检查铬的标签没有任何反应。我在这里做错了什么？警报弹出，所以这不是问题。 Jquery正在工作aswel我已经检查过。

Answer 1

$('<a href="/file/93">')不会选择您拥有的a元素。我认为它会创建一个新的DOM元素，最终永远不会附加到文档中。

为了选择通过属性值的元素，你可以这样做： $('[href="/file/93"]')