Javascript [jQuery 1.9.1]獲取父div的ID？

Question

HTML：

<div id="myImages">
    <div id="file_50" class="file_bg">
        <span id="button_remove" class="files">Remove Image</span>
    </div>
</div>

我想獲取保存span .files的div的ID，所以我獲取ID #file_50我嘗試過的操作：

console.log("Sent id: " + $(this).parent().attr('id'));

嘗試獲取第一個div #myImages

console.log("Sent id: " + $(this).parent().find(".file_bg").attr('id'));

只是一個猜測，但它返回的是不確定的。

我怎樣才能做到這一點？

Answer 1

您的代碼不起作用的原因是，當您使用parent（）時，您會到達所需的對象，然后使用find查找后代。 使用parent()或僅closest()的就足夠了

試試這個，使用closest（）

console.log("Sent id: " + $(this).closest('div.file_bg').attr('id'))

或像這樣closest('div')

console.log("Sent id: " + $(this).closest('div').attr('id'))

或者只是.parent（）

console.log("Sent id: " + $(this).parent().attr('id'))

演示

 $('.files').on('click', function () {
     console.log("Sent id: " + $(this).parent().attr('id'))
 });

Answer 2

嘗試這個

alert("Sent id: " + $(".files").parent().attr('id'));

Answer 3

console.log("Sent id: " + $(this).parent()[0].id);

和

console.log("Sent id: " + $(this).parent().find(".file_bg")[0].id);

在第二種情況下，請注意，我正在使用數組，因為.attr可能會為您提供ID數組。