Tem como capturar parte de conteúdo HTML?

[Cassiano José 2]

eu preciso 'pegar' parte de um HTML. é assim: Tem um Site de apostas que estou fazendo parser com PHP para diminuir em 20% os valores das apostas. Código pronto, agora terei que capturar todos os times clicados, eles estão indo pra o lado direito da tela, e o HTML é modificado quando clicamos no time, fica algo mais ou menos assim:

    <li class="selection itemDescription first">
    <span class="selectionName">
Courts Young Lions    </span>
    <span class="price">
        <span class="value">1.96</span>
        <span class="arrow"> </span>
    </span>
     
    <div style="display: none" class="sports">Football </div>

</li>
                        <div class="ui-tooltip basket-item-tooltip">
    <div class="ui-tooltip-content">
    <span class="tooltip-content">
        <span class="bet-tooltip-text">
Courts Young Lions v Hougang United FC<br />
                                    Jogos com Apostas ao Vivo - Segunda-Feira                <br />
                <br />
            02/03/2015 08:30 BRT        </span>
    </span>
    </div>
    <div class="arrow right center"></div>
</div>
                    </ul>
                        <span class="marketName">Vencedor do Encontro</span>
                </li>
    </ul>

<label for="basketItemCode" class="basketItemCode">1.96
    <input type="hidden"


        value="0]SK@84376415@321813673@NB*0.96~1*0*-1*0*0"
        name="basketItemCode"
        class="basketItemCode"
        factor="1.96"
        costFactor="1" />
</label>
    <input id="payoutFieldEnabled" type="hidden" value="0"/>



        <input type="hidden" name="potentialPayoutFactor" class="potentialPayoutFactor" value="1.96" />

        <a href="" title="Remover" class="remove"></a>

    <div class="amount">

o que eu gostaria de saber é se tem condições de capturar só as partes que contém os jogos, como:

<span class="selectionName">
Courts Young Lions    </span>
    <span class="price">
        <span class="value">1.96</span>
        <span class="arrow"> </span>
    </span>

que é pra mim gerar o bilhete e salvar tudo no BD.

Existe alguma maneira de se fazer isso? ficaria algo como:

Este aí é um programa Windows, mas gostaria de fazer o mesmo no browse.

Há essa possibilidade?

[Rafael Sirotheau 43]

Em javascript

document.querySelector('seletor');
//ou
document.querySelectorAll('seletor');

em jQuery

$('seletor')

Pra capturar o .value do seu exemplo

// no JS 'puro'
document.querySelector('.selectionName .value').innerText;

// ou, em jQuery
$(".selectionName .value").text();

[Cassiano José 2]

 

Em javascript

document.querySelector('seletor');
//ou
document.querySelectorAll('seletor');

em jQuery

$('seletor')

Pra capturar o .value do seu exemplo

// no JS 'puro'
document.querySelector('.selectionName .value').innerText;

// ou, em jQuery
$(".selectionName .value").text();

Rafael, como implanto isso no HTML?

Desculpa, sou totalmente leigo em JS/jQuery/Javascript.

Estou mais "estudado" em PHP.

Procurei por todo lugar pra contratar um Front-end-Dev pra fazer este módulo pra mim, mas vocês são muito difíceis de encontrar rs.

Sei que aqui não é lugar pra tratar de negócios, mas se puder responder o MP ficaria grato, caso contrário dê uma clareada nas minhas idéias por gentileza.

Obrigado.

[Marcelo Lipienski 9]

Pelo que entendi, você não é o desenvolvedor do site de apostas, você está desenvolvendo uma aplicação que acessa esse site e faz apostas automaticamente para você, certo?

Se for mesmo esse o caso, a solução proposta pelo Rafael não serve, você precisa de um headless browser.

 

Algumas, dentre diversas opções disponíveis são:

 

PhantomJS - nodejs

Mechanize - ruby

Goutte - php

 

Se você precisa de suporte a Javascript, Goutte não serve para você.

[Cassiano José 2]

Pelo que entendi, você não é o desenvolvedor do site de apostas, você está desenvolvendo uma aplicação que acessa esse site e faz apostas automaticamente para você, certo?

 

Se for mesmo esse o caso, a solução proposta pelo Rafael não serve, você precisa de um headless browser.

 

Algumas, dentre diversas opções disponíveis são:

 

PhantomJS - nodejs

Mechanize - ruby

Goutte - php

 

Se você precisa de suporte a Javascript, Goutte não serve para você.

É Exatamente isso!

Então o que quero fazer é possível?

usando o que você falou.

Certamente vou precisar do javascript, pois o site usa muito ele.

Então se o goutte não serve, como faço?

Tem como ter um headless browser rodando no navegador comum?

porque minha aplicação ta sendo feita em PHP.