attrで最も近いものを使用しようとしていますが、idを取得できません。
function checkID() {
id = $(this).closest('div').attr('id');
alert(id);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="preview-image" id="prv-img">
<div class="preview-remove" data-name="${fileName}" onclick="checkID()" id="prv-rmv">×</div>
<img src="/images/examplefile.png" alt="">
<div class="preview-info" id="prv-inf">${fileName}</div>
</div>
それがcheckID()
機能しない理由は、関数内でjQuery
何がthis
参照されているのかわからないため、次を使用します。
function checkID(obj) {
var id = $(obj).closest('div').attr('id');
alert(id);
}
そして
onclick="checkID(this)"
デモ
function checkID(obj) {
var id = $(obj).closest('div').attr('id');
alert(id);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="preview-image" id="prv-img">
<div class="preview-remove" data-name="${fileName}" onclick="checkID(this)" id="prv-rmv">×</div>
<img src="/images/examplefile.png" alt="">
<div class="preview-info" id="prv-inf">${fileName}</div>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加