Question

使用jquery我想显示所选的类别。如果我点击Cat 1 id =“categories”这一行，我想要一个显示在top class =“itemLinks”中，如果我选择Cat 2

<div id="content">
    <p class="itemLinks" data-category="categories-1">Cat 1</p>
</div>
<div id="categories">
        <div data-target_category="categories-1" class="categoryItems">Cat 1</div>
        <div data-target_category="categories-2" class="categoryItems">Cat 2</div>
        <div data-target_category="categories-3" class="categoryItems">Cat 3</div>
        <div data-target_category="categories-4" class="categoryItems">Cat 4</div>
</div>

https://jsfiddle.net/tatane/uxL1u831/2/ 怎么办？

Answer 1

希望我理解你的问题，你可以尝试像this;

那样做

<强> HTML：

<div id="content">
    <p class="itemLinks" data-category="categories-1">Cat 1</p>
</div>
<div id="categories">
    <div data-target_category="categories-1" class="categoryItems">Cat 1</div>
    <div data-target_category="categories-2" class="categoryItems">Cat 2</div>
    <div data-target_category="categories-3" class="categoryItems">Cat 3</div>
    <div data-target_category="categories-4" class="categoryItems">Cat 4</div>
</div>

<强> JS：

$('.categoryItems').click(function(){
    var category = $(this).text();
    $('.itemLinks').text(category);
});

不要忘记包含jQuery

这里发生的是当您点击<div> class="categoryItems"属性时，<p class="itemLinks">中的文字会更改为您点击的div中的文字。

希望我帮忙！

根据点击显示选择

1 个答案: