0

アンカー タグ内の div タグを選択する方法。次の HTML を検討してください。

<a target="_new" href="https://stackoverflow.com/12.mp4"
       data-placement="top" rel="tooltip" 
       title="Video (MP4)" >
       <div class="hidden">Interesting 12</div>
    </a>

ビデオ リソースを指すすべてのアンカー タグを選択する必要があります。アンカータグを選択できます。では、その中の部門を選択してテキストを取得するにはどうすればよいですか?

$("a").each(function() {
    var link = $(this).attr('href');
    if (typeof link == "string" && link.indexOf(".mp4") > 0) {
        alert(link);
    }
})​
4

5 に答える 5

1

を使用する.find('div').find('.hidden')$('a')

http://api.jquery.com/find/

于 2012-12-17T20:14:08.410 に答える
1
$("a").each(function(){
    $(this).find('div').each(function(){
        ....
    });
});
于 2012-12-17T20:14:38.727 に答える
1

使用する.find()

$("a").each(function() {
    var link = $(this).attr('href');
    if (typeof link == "string" && link.indexOf(".mp4") > 0) {
        alert(link);
    }

    // get the div
    var divText = $(this).find('div').text();

})​
于 2012-12-17T20:14:40.703 に答える
1
$('a[href*=".mp4"]').each(function() {
   alert( this.href );
   $(this).find('div.hidden').text();
});

また

$("a").each(function() {
    var link = $(this).attr('href');
    if (typeof link == "string" && link.indexOf(".mp4") > 0) {
        alert(link);

        $(this).find('div.hidden').text();
        // OR
        $('div.hidden', this).text();
    }
})​;

ノート

divアンカー タグ内に配置することは無効です。

于 2012-12-17T20:13:44.697 に答える
0
$("a").each(function() {

    var link = $(this).attr('href');

    a=link.length;

    var filetype=link[a-3]+link[a-2]+link[a-1]

    if(link[a-4] == '.' && filetype=='mp4') //you can check more extensions here using ||.
      $(this).find('.hidden').text()          


})
于 2012-12-17T20:30:43.260 に答える