javascript - 找到目标元素外部的文本？

Question

我正在尝试在放置的位置找到文本

this.on("drop", function (event) {
    console.log("event", event)
    var imageUrl = event.dataTransfer.getData('URL');
    console.log(imageUrl)
    console.log($(event.target))
    console.log($(event.target).closest('span'))
    //console.log($(event.target).parent().getElementById('displayName'),"by id")
    console.log($(event.target).parent().getElementsByTagName('span'), "by tag")
});

html就像

<div class="main-div">
<form class="form"><img src=""/></form>
<div><span>required text</span></div>
<div>

当我做 console.log($(event.target)) 时，我得到了表单元素，有时我会收到图像标签。那么我怎样才能找到我提到的所需文本呢？

Answer 1

当您 event.target 引用 FORM/IMG 元素时。使用.closest()遍历到 form，然后使用 .next()定位紧随同级 DIV 的目标，然后 .find()获取 SPAN 元素

$(event.target).closest('form').next('div').find('span').text()