Javascript 选择上一个兄弟的jquery脚本

嗨，我在用jquery手机这是代码

    <form class="ui-filterable">
        <input id="filterBasic-input" data-type="search">
    </form>
    <div data-role="collapsible">
        <h2><span>paris</span><span class="pays">france</span> 
    <a  class="gene02"data-role="button" data-inline="true" data-mini="true">generique</a></h2>
        <p>code:24</p>
    </div>
</li>
<li>
    <div data-role="collapsible">
        <h2><span>marakeche</span>
            <span class="pays">maroc</span>
            <a class="gene02"data-role="button" data-inline="true" data-mini="true">generique</a>
        </h2>
        <p>code:3300</p>
    </div>
</li>

---

但它只选择了法国队，而不是第二组的马洛克队。thx帮助

基本上来自元素的

类选择器

或

集合

，如果您访问其任何属性/值，它将仅返回集合中第一个

的值

试试看


你可以像这样得到它：

$(".gene02").click(function() 
{
    var $brotha = $(this).parent().find(".pays");
    //$brotha is your element
});



如果它总是前一个兄弟姐妹，你也可以使用
$（this）.prev（）
。
听过父母和孩子，但我喜欢这个选择前一个兄弟：）
$（this.prev（.pays”）.text（）是您所需要的。不要在jQM.thx中使用
.ready（）
，但这是全选.pays值我只想为eatch div选择brother
$(document).ready(function() {
 $(".gene02").click(function() {
    var xOutput = '';
    $('.pays').each(function(){ xOutput += $(this).html(); }); 
    $("#filterBasic-input").val(xOutput);
 });
});

$(document).ready(function() {
  $(".gene02").click(function() {      
    $("#filterBasic-input").val($(this).closest('div').find('.pays').html());
  });
});

$(".gene02").click(function() 
{
    var $brotha = $(this).parent().find(".pays");
    //$brotha is your element
});

$(".gene02").click(function () {
    $("#filterBasic-input").val($(this).prevAll(".pays").html());
});