javascript - jquery脚本来选择 previous sibling

Question

嗨，我正在使用 jquery mobile，这是代码

    <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>

我想当我点击 class="gene02"时，它会取一个带有 class pays 的先例跨度的值，并将它放在一个 class="ui-filterable"表单上，我尝试做这个表单 class ui-filterable

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

但它只在第二个 div 中选择 france 而不是 maroc 。感谢帮助

Answer 1

你可以这样得到它:

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

http://jsfiddle.net/p7ENh/

http://jsfiddle.net/p7ENh/1/