Добавить _top к тегам внутри определенного div - jQuery

Question

У меня есть несколько тегов внутри нескольких вложенных тегов div, например

<div id="top_level_div">
    <div id="inner_level_div">
        <a href="http://yahoo.com>text</a>
    </div>
    <div id="inner_level_div1>
        <a href="http://yahoo.com>text</a>
    </div>
</div>

Мне нужно добавить целевой атрибут ко всем тегам внутри div с идентификатором "top_level_div".Другими словами, каждый тег «A» внутри «top_level_div» должен выглядеть так:

<a href="http://yahoo.com" target="_top">text</a>

В теге «top_level_div» может быть много тегов div, и я не могу контролировать их появление.

Каков наилучший способ добиться этого ??

Редактировать ....

Я пытался добавить следующий код в конце страницы перед тегом но это не работает.

<script>
$(document).ready(function(){
    $('#xrx_bnr_hdr').find('a').attr('target', '_top');
    $('#xrx_bnr_ftr').find('a').attr('target', '_top');
});
</script>

Answer 1

Try,

$('#top_level_div').find('a').attr('target', '_top');

DEMO

Answer 2

$("#top_level_div a").attr("target","_top")

Answer 3

//select the root element
//then find all the `a` elements that are descendants of the root element
//then change that set of elements `target` attribute to `_top`
$('#top_level_div').find('a').attr('target', '_top');

Документы для .attr(): http://api.jquery.com/attr

Answer 4

Как насчет этого:

$("#top_level_div a").attr("target","_top");

Answer 5

#top_level_div a получит вам все теги привязки потомка элемента с ID = top_level_div:

$('#top_level_div a').attr('target', '_top');

• JQuery селекторы
• .attr ()

Answer 6

вроде так:

   $("#top_level_div a").attr("target","_top");