ansaurus

Question

Why doesn't my jquery selector work here?

Answer 1

+1 A:

This example works for me:

<html>
<head>
<title>Text</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript">
$(function() {
  alert($("a[data]").text());
});
</script>
</head>
<body>
<a href="#" data="123">abc</a>
</body>
</html>

cletus 2009-10-12 03:55:00

Well he's looking for getting the attribute, not the text of the link right?

AlbertoPL 2009-10-12 03:59:59

Correct Alberto... the attr not the stuff inbetween the <a></a>

cosmicbdog 2009-10-12 04:04:50

Answer 2

+1 A:

You should try accessing the 0th element of data. Like this:

data: { tipKey: $("a[data]")[0].data},

EDIT: oh ok, i see, this should work then as an alternative.

AlbertoPL 2009-10-12 03:58:43

hmmm... i hoped it would work but it did not :|

cosmicbdog 2009-10-12 04:06:48

Answer 3

+2 A:

Your code doesn't works because the this keyword represents the context of the function that is being executed, and you are using it inside an object literal.

For example, if you execute your snippet in the $(document).ready event, the this keyword will represent the document element.

You could iterate over your selector and initialize each element tooltip individually:

$('a[data]').each(function () {
  var $link = $(this);
  $link.qtip({ 
      content: {
        url: '/tooltip.php',
        data: { tipKey: $link.attr('data') },
        method: 'post'
      }
  });
});

Also note that the data attribute is not standard, your page will not pass the W3C Validator.

CMS 2009-10-12 04:07:53

thanks heaps CMS... i've shifted from 'data' to 'title' and your solution worked a treat.

cosmicbdog 2009-10-12 04:12:18

ansaurus

tags:

views:

answers:

Why doesn't my jquery selector work here?

related questions