Question

我有5个完全相同的div，在每个div中我都有一个select选项输入..所有div都有相同的id所以我想得到最近的select div然后在innerHTML里面。

所以我想要这样的东西：

$(this).closest('div[maybeidhere?]').innerhtml ='whole content here';

提前致谢

编辑：忽略相同的ID，假设所有人都有相同的类

    <div> 
        <select id="faculty" onchange="inchange(this)">
                    <option value="fos">Faculty of Science</option>
                    <option value="fot">Faculty of Information Technology</option>
                   <option value="foe">Faculty of Engineering</option>
                    <option value="other">Other</option>
        </select>
         <div class="degreediv"></div>

        </div>
                <script>
function inchange(input){


    if($(input).val()=="fot"){
     $(this).closest('div[.degreediv]').innerhtml ='FOT CONTENT';

    }
    else if($(input).val()=="fos"){
        $(this).closest('div[.degreediv]').innerhtml ='FOS CONTENT';
    }
    else if($(input).val()=="foe"){
        $(this).closest('div[.degreediv]').innerhtml ='FOE CONTENT';
    }
    else if($(input).val()=="other"){
        $(this).closest('div[.degreediv]').innerhtml ='other CONTENT';
    }
};
</script>

Answer 1

由于select在div中，你可以使用.Parent（）函数

$（本）.parent（）的innerHTML;

Answer 2

<select>
    <option value="value1">1</option>
    <option value="value2">2</option>
    <option value="value3">3</option>
</select>
<div>this is div 1</div>
<div>this is div 2</div>
...
<div>this is div n</div>

如果你的代码类似于：

$textOfDiv = $('select + div').val(); // selects text inside first DIV element

或

$htmlOfDiv = $('select + div').html(); // selects html inside first DIV element

请注意，jQuery选择器与CSS选择器的工作方式类似。

请参阅：

CSS Selector Reference

https://www.w3schools.com/cssref/css_selectors.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

jQuery Selector Reference

https://api.jquery.com/category/selectors/

获得具有特定id和innerhtml的最近div

2 个答案: