javascript - コンテナ内のアンカーの href を取得し、画像に適用します

Question

テキスト、画像、およびアンカーをすべて含む DIV のリストがあります。

Javascript/jQuery を使用すると、アンカーの href を取得し、そのリンクを使用して画像をアンカー タグでラップすることは可能ですか?

私はこれが奇妙な要求であることを知っています、私はフィドルを作りました...

http://jsfiddle.net/fFgwb/

---

複数のdivがあるため、同じIDを持つことはできません

Answer 1

ここに方法があります

var src = $("#imgid").attr("src"); //take out the src
$("#imgid").wrap($('<a href="'+src+'" />'); //wrap around it with the anchor

あなたの使用法は、次のようなものにすることができます

$("img", $("#divid")).each(function() {
    var src = $(this).attr("src"); //take out the src
    $(this).wrap($('<a href="'+src+'" />')); //wrap around it with the anchor

});

これは、フィドルでこの実装を使用したデモです。

Answer 2

では、まとめましょう。

• カードが何枚かあるでしょう
• 各カードには 2 つのアンカーが含まれています
• 最初のアンカーは、2 番目のアンカーと同じ href-value を取得する必要があります

jQuery に翻訳:

$(".card-prod").each(function(){
    var anchors = $(this).find("a");
    anchors.eq(0).prop("href", anchors.eq(1).prop("href"));
});

Answer 3

jQuery の場合:

$('.card-prod').each(function () {
    var that = $(this),
        imgA = that.find('a img').parent(),
        newHref = that.find('a').not(imgA).attr('href');
    imgA.attr('href', newHref);
});

Answer 4

.div のようなクラスを div に追加し、他のクラスをアンカー リンクに追加する必要があります。

$(document).ready(function(){

$(".divs").each(function(){

    $(this).find("a").hasClass("anchor").attr("href", $(this).find("a").hasClass("continue").attr('href'))

});

});

Answer 5

試す：

$('img').each(function(){
    $(this).wrap('<a href="'+$(this).attr('src')+'"/>');
});

imgおそらくクラスを使用して、そのセレクターを絞り込むだけです。

Answer 6

私があなたが望むものを正しく手に入れたら、次のようなものでそれを行うことができます:

$('a').attr('href', function() {
    return $(this).find('img').attr('src');
});​

ここでわかるように。