找到目标元素里面的文字?

时间:2017-09-28 10:35:14

标签: javascript jquery

我试图在丢弃的地方找到文本

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))时,我得到了 形式elemnt,有时我得到图像标签。那么如何才能找到我提到的文本作为必填文本?

1 个答案:

答案 0 :(得分:1)

event.target引用FORM / IMG元素时。使用.closest()遍历form,然后使用.next()在兄弟DIV之后立即定位,然后.find()获取SPAN元素

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