javascript - 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 を保持する div の id を取得したいので、id を.files取得#file_50 します

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

この試行は、最初の div の ID を取得しています。#myImages

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

推測ですが、未定義を返しています。

これどうやってするの？

Answer 1

コードが機能しない理由は、parent() を使用すると目的のオブジェクトに到達し、find を使用して子孫を検索するためです。parent()使用するだけで十分です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

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

と

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

2 番目のケースに注意し.attrてください。ID の配列が得られる可能性があるため、配列を使用しています。

Answer 3

これを試して

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