Eu armazeno o nome do arquivo no valor da entrada oculta, espero obter o nome do arquivo quando clicar em Baixar ou Renomear rótulo. Como eu obtenho o arquivo1 quando clico no primeiro elemento Download de li, como posso fazer? Obrigado!
function Download() {
alert("filename I clicked");
}
Html
<ul>
<li > <input type="hidden" value="file1" /> <span onclick="Download()">Download</span> <span onclick="Rename()">Rename</span> </li>
<li > <input type="hidden" value="file2" /> <span onclick="Download()">Download</span> <span onclick="Rename()">Rename</span> </li>
<li > <input type="hidden" value="file3" /> <span onclick="Download()">Download</span> <span onclick="Rename()">Rename</span> </li>
</ul>
Você pode usar jquery
e closest
fazer generic
para ambos download
e rename
como abaixo.
Além disso, você pode se livrar de function Download
uma jquery
maneira.
$(document).ready(function(){
$('span.download, span.rename').on('click', function() {
var span = $(this);
var fileName = span.closest('li').find('input[type="hidden"]').val();
if(span.is('.download')) {
// download part
alert('Download: ' + fileName);
} else if(span.is('.rename')) {
// rename part
alert('Rename: ' + fileName);
}
});
});
.download, .rename {
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li > <input type="hidden" value="file1" /> <span class="download">Download</span> <span class="rename">Rename</span> </li>
<li > <input type="hidden" value="file2" /> <span class="download">Download</span> <span class="rename">Rename</span> </li>
<li > <input type="hidden" value="file3" /> <span class="download">Download</span> <span class="rename">Rename</span> </li>
</ul>
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras