1 
<tr class="field_20 field_facebook">
<td class="label">Facebook</td>
<td class="data"><p><a href="http://facebook.com/facebook">Test</a></p>
</td></tr>
<img id="fb" src="fb.png">

こんにちは、これが私が持っているもので、jquery を使用して値を選択しhttp://facebook.com/facebook、リンクを開きたいと思います。これは私がこれまでに持っているものです:

<script>
jQuery(document).ready(function(){
jQuery("#fb").click(function() {
  var fb = jQuery(".field_20 field_facebook").find("a").attr("href");
window.open(fb);

}); //click function ends
}); // document ready ends
</script>

どんな助けでも大歓迎ですありがとう。

4

4 に答える 4

4

を使用します.field_20.field_facebook(スペースなしで、ピリオド)。

このclass属性を使用すると、スペースを使用して同じ要素に複数のクラスを定義できます。これは、スペースが子孫セレクターである jQuery (および CSS) セレクターとは異なります。つまり、クラスを持つ要素の子孫である要素.field_20 field_facebookを選択しようとします。子孫セレクターがまだ存在するため、使用しても機能しません。スペースを省略することは、同じ要素で複数のクラスを介して選択するための適切な構文です。<field_facebook>.field_20.field_20 .field_facebook

于 2013-06-04T23:43:55.673 に答える
1

これを jQuery スクリプトとして試してください。

$(document).ready(function() {

    $("#fb").click(function() {
        var fb = $('td.data a').attr('href');
        alert(fb);
        window.open(fb);
    }); //click function ends

}); //END $(document).ready()
于 2013-06-04T23:45:51.307 に答える
1

セレクター行は次のように単純化できます。

var fb = jQuery(".field_20.field_facebook a").attr("href");

CSS と同様に、aclass を持つ要素の子である を選択できます.field_20.field_facebook。

于 2013-06-04T23:46:47.097 に答える
1 
<tr class="field_20 field_facebook">

クラスは同じ要素で利用できます。

したがって、セレクターで使用する場合、2 つのクラスの間にスペースがあってはなりません。

jQuery(".field_20.field_facebook")

facebookリンクにアクセスするには、以下の行を使用してください

jQuery(".field_20.field_facebook a").attr("href");
于 2013-06-04T23:50:10.517 に答える