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');

但是，當我檢查chrome中的代碼時，什么也沒發生。 我在這里做錯了什么？ 警報彈出，所以這不是問題。 Jquery正在工作，我已經檢查了。

Answer 1

$('<a href="/file/93">')不會選擇您擁有a元素。 我認為它會創建一個新的DOM元素，該元素最終永遠不會附加到文檔中。

為了通過屬性值選擇元素，您可以執行： $('[href="/file/93"]')