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"]')