jQueryでdivごとリンクする際の開き方の指定

質問

jQueryでdivごとリンクする際に
新しいウィンドウで開くものと、同じウィンドウで開くものを分けたいのです。

下にコードを載せています。

素人なりにおかしいかと思っている点は、
同じfunction()を続けて使っているところです。

2つのスクリプトをそれぞれ1つだけ書いた時はうまく動作します。

どのように書いたらよいでしょうか？
よろしくお願いいたします。

●新しいウィンドウで開きたいdiv要素
aaa,bbb,ccc

●同じウインドウで開きたいdiv要素
ddd,eee
-------------------------------------------
<script type="text/javascript">
$(function(){
$(".aaa,.bbb,.ccc").click(function(){
window.open ( $(this).find('a').attr('href'), 'newwin' );
return false;
});
});
</script>

<script type="text/javascript">
$(function(){
$(".ddd,.eee").click(function(){
window.open ( $(this).find('a').attr('href');
return false;
});
});
</script>
-------------------------------------------

回答No.3

warpspace · ベストアンサー

＞どちらも新しいウィンドウで開いてしまいます…。

window.openの'newwin'は単にウィンドウ名のようで、この指定の有無にかかわらず
別ウィンドウで開きます。
同じウィンドウで開き場合は、location.hrefを使う必要があるようです。

（構文のチェックだけで、ロジックを十分に確認していなかったので、
すぐに気が付きませんでした。ごめんなさい）

参考URL：

http://www.shurey.com/js/labo/nopref.html

お礼

そうなんですね。
色々教えていただきありがとうございました。
勉強になりました。

回答No.2

warpspace

最後のカッコが足らないのでシンタックス・エラーになっていますね。

window.open ( $(this).find('a').attr('href');
　　　　　　　　　　↓
window.open ( $(this).find('a').attr('href'));

補足

ありがとうございました。

早速カッコを付けてみたところ、リンクは開くようになったのですが、
今度はどちらも新しいウィンドウで開いてしまいます…。

やはり、無理なのでしょうかね。

回答No.1

warpspace

下記でうまく動作すると思います。

<script type="text/javascript">
$(function(){
　$(".aaa,.bbb,.ccc").click(function(){
　　window.open ( $(this).find('a').attr('href'), 'newwin' );
　　return false;
　});

　$(".ddd,.eee").click(function(){
　　window.open ( $(this).find('a').attr('href');
　　return false;
　});
});
</script>

ダメでしたら下記をお試しください。
$(function(){　→　$(document).ready(function(){

補足

ご回答ありがとうございました。

教えていただいたコードで試してみましたが、
クリックしても反応がなくなってしまいました。

$(function(){　→　$(document).ready(function(){
でも駄目でした・・・。