Search jQuery

jQuery Forum

Screen name:
bovbov

bovbov's Profile

4 Posts

5 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

:nth-child(2n) filter not working, but the :even filter does.
[3Replies]
- 02-May-2013 10:16 AM
- Forum: Getting Started
Hello there, I've spent a good while trying to find an answer to this so I'm hoping someone can help me here.

The code below works, but if you bring in the commented out code containing :nth-child(2n) it will not - I don't understand what is going on - many thanks.

http://jsfiddle.net/focusonfiddle/YVw6F/2/

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>untitled</title>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

$("document").ready(function() {
//$.each($('[class^="thirdCredits"]:nth-child(2n)') ,function()
$.each($('[class^="thirdCredits"]:even') ,function()
{
    $(this).css("border" , "1px red solid");

    });
});
</script>

</head>
<body>
<div id="tableMarkup">
<div id="myTable"></div>
<div id="template">
    <ul style="width:65%; background-color:#67c1fd">
      <li>This is a line of text</li>
    </ul>
    <ul style="width:9%;">
      <li>
        <div class="styled-select">
          <select class="thirdCredits0">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
          </select>
        </div>
      </li>
    </ul>
    <ul style="width:9%;">
      <li>
        <div class="styled-select">
          <select class="thirdCredits1">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
          </select>
        </div>
      </li>
    </ul>
    <ul style="width:9%;">
      <li>
        <div class="styled-select">
          <select class="thirdCredits2">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
          </select>
        </div>
      </li>
    </ul>
    <ul style="width:9%;">
      <li>
        <div class="styled-select">
          <select class="thirdCredits3">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
          </select>
        </div>
      </li>
    </ul>
</div>
</div>
</body>
</html>

How do I grap the href URL from HTML markup and store it in a variable?
[3Replies]
- 16-Oct-2012 10:15 AM
- Forum: Using jQuery
Hi there, I'm using Jquery Mobile and I'm using this piece of code:

$('#putcontent').html(output)

I'm using it to put content into a data-role="content" area with an id of "putcontent". The 'output' is a small amount of HTML markup. Inside this HTML, at the end, is an anchor tag.

So here's my question - how do I grab just the URL from the href and store it in a variable?

Thanks for your help.

Conditionally jump to a certain page(id) on a single document - how?
[2Replies]
- 23-Aug-2012 08:49 AM
- Forum: Getting Started
Hi there, I'm working on my first Jquery Mobile app (later to be compiled using Phonegap).
I have a single HTML document with a number of individual pages on it, all with a data-role of page and an id.

At present when I load my document into Firefox the top most page shows, as you would expect. However is there a way to have a conditional statement that can display other pages apart from the first page. I have the old problem of wanting to skip the first page once the user has interacted with it (variables get set on the first page).

So basically I'm looking for something like this:

if (1==1){//goto the first page
}
else{//goto the second page
}

Cheers.

Jquery and Wordpress Json plugin - how do you get selected output from object?
[5Replies]
- 27-Jul-2012 09:59 AM
- Forum: Getting Started
Sorry made a mess of my first post - here it is again.

Hi there, I'm hoping this is simple:
I'm using the Json plugin in a Wordpress blog, the below code spits out all the posts. Here it's showing the title and excerpt for each post (I can access the ID number too if I want). I'd like to just be able to display certain posts based on their ID. I hoped to use an if statement to select certain posts but it doesn't work - see my code at the very bottom.

Any help solving this would be appreciated.

function listPosts(data) {
    var output='<ul data-role="listview" data-filter="true">';
    $.each(data.posts,function(key,val) {
        output+='<li>';
        output+='<h3>' + val.title + '</h3>';
        output+='<p>' + val.excerpt + '</p>';
        output+='</li>';
    }); // go through each post
    output+='</ul>';
    $('#postlist').html(output);
} // lists all the posts

>>>>>>>>>>>>>>
MY ATTEMPT BELOW - doesn't work:

function listPosts(data) {
    var output='<ul data-role="listview" data-filter="true">';
    $.each(data.posts,function(key,val) {
        if (val.id['56']) && (val.id['61']){
        output+='<li>';
        output+='<h3>' + val.title + '</h3>';
        output+='<p>' + val.excerpt + '</p>';
        output+='</li>';
        }
    }); // go through each post
    output+='</ul>';
    $('#postlist').html(output);
} // lists all the posts

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend