Salve lista! preciso de uma ajuda aqui, tenho um arquivo ".html" onde monto uma lista que esta configurado assim:
<!-- ... -->
<header>
function Open(id) {
console.log(id);
var x = $("#div"+id);
$.get("descrs/greanerydescriptions_pt.html #div_"+id, function(data) {
$("#content").append(data);
});
$("#headercontainer").hide();
return false;
}
</header>
<body>
<div class="container content" id="content">
</div>
<div class="container headercontent" id="headercontainer">
<div class="card cardheader" id="_000">
<img class="card-img-top cardimgheader" src="images/abobora.jpg" alt="Abóbora" id="imgh_000">
<header id="hdh_000"><h2 class="title">Abóbora</h2></header>
<div class="card-body" id="div_abobora">
<p>Nome Popular - Abóbora</p>
<p>Nome Científico - Cucurbita moschata Duch.</p>
<div class="form-group" align="right">
<a href="descrs/greanerydescriptions_pt.html#div_000" class="btn btn-primary" id="btnh_000" onclick="Open('_000')" target="_parent">Descrição e Plantio</a>
</div>
</div>
</div>
<br>
<div class="card cardheader" id="_001">
<img class="card-img-top cardimgheader" src="images/abobrinha.jpg" alt="Abobrinha" id="imgh_001">
<header id="hdh_001"><h2 class="title">Abobrinha</h2></header>
<div class="card-body" id="div_abobrinha">
<p>Nome Popular - Abobrinha italiana, abobrinha verde, abobrinha</p
<p>Nome Científico - Cucurbita pepo L.</p>
<div class="form-group" align="right">
<a href="descrs/greanerydescriptions_pt.html#div_001" class="btn btn-primary" id="btnh_001" onclick="Open('_001')" target="_parent">Descrição e Plantio</a>
</div>
</div>
</div>
<br>
</div>
<!-- ... -->
</body>
O arquivo "greanerydescriptions_pt.html" ta configurado assim:
<!-- ... -->
</header>
<body>
<div class="card cardcontainer" id="div_000">
<img class="card-img-top cardimgcontainer" src="../images/abobora.jpg" alt="Abóbora" id="imgc_000">
<header id="hdc_000"><h2 class="title">Abóbora</h2></header>
<div class="card-body" id="div_abobora">
<p>Nome Popular - Abóbora</p>
<p>Nome Científico - Cucurbita moschata Duch.</p>
<!-- ... -->
</div>
</div>
<br>
<!-- ... -->
<div class="card cardcontainer" id="div_001">
<img class="card-img-top cardimgcontainer" src="../images/abobrinha.jpg" alt="Abobrinha" id="imgc_001">
<header id="hdc_001"><h2 class="title">Abobrinha</h2></header>
<div class="card-body" id="div_abobrinha">
<p>Nome Popular - Abobrinha italiana, abobrinha verde, abobrinha</p>
<!-- ... -->
</div>
</div>
</body>
O código da função Open(id) {...}
ta funcionando, mas ele trás o arquivo inteiro, e eu preciso que ele traga somente a div especifica que esta instanciada no evento `onclik="Open('_xxx');".
Nao sei como resolver isso.
Alguém poderia me ajudar?
Agradeço
$("#content").load("descrs/greanerydescriptions_pt.html #div_"+id);
traz todas as M*das das divs que tem no arquivo, carai, jah to ficando com os dedos roidos de testar essa droga