将attr应用于div而不是子项（JQuery）

Question

我有一些看起来像这样的HTML代码：

<div id='main'>
    <a href=''>
    <div id='otherA'>
            <a href=''>
    </div>
    <div id='otherB'>
            <a href=''>
    </div>
</div>

我想应用属性＆＃34; target＆＃34;使用JQuery的#main元素而不是#other的元素。我尝试了一些东西，我认为这是我得到的最接近但它似乎没有用。

$(document).ready(function(){
    $('#main a').not(['#otherA a', '#otherB a']).attr('target', '_blank');
});

Answer 1

使用#main > a作为您的选择器。这只会在#main。

下立即选择'a'标签

$(document).ready(function(){
    $('#main > a').attr('target', '_blank');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id='main'>
    <a href=''>main a</a>
    <div id='otherA'>
            <a href=''>asdsf</a>
    </div>
    <div id='otherB'>
            <a href=''>kjklsdf</a>
    </div>
</div>