我如何从选定的 li 中获取特定的 div 文本答案

【问题标题】：how can i get particular div text from selected li我如何从选定的 li 中获取特定的 div 文本
【发布时间】：2019-05-16 12:27:07
【问题描述】：

我已经创建了多个 ul，我想要来自特定 li 的特定 div 值

我试图为此创建一个函数，但它不起作用

$(".answer-list li").click(function() {
	$(this).addClass('active');
	BusinessLogic();
});

function BusinessLogic(){
   var selText = $('.answer-list li .active div p').text();
   alert(selText);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<ul class="answer-list" id="answer_list1">
		<li>
			<a tabindex="1" id="question1">
				<span class="letter-option">A.</span>
				<div>
					<p>Plan risk management</p>
				</div>
			</a>
		</li>
		<li class="active">
			<a tabindex="2" id="question1">
				<span class="letter-option">B.</span>
				<div>
					<p>Identify risks</p>
				</div>
			</a>
		</li>
		<li>
			<a tabindex="3" id="question1">
				<span class="letter-option">C.</span>
				<div>
					<p>Plan risk responses</p>
				</div>
			</a>
		
		</li><li>
			<a tabindex="4" id="question1">
				<span class="letter-option">D.</span>
				<div>
					<p>Perform qualitative risk analysis</p>
				</div>
			</a>
		</li>
</ul>

我想要选定的 li div 值，但它显示为空白

谁能帮我解决这个问题？

【问题讨论】：

你的脚本在哪里？
jQuery child of clicked element的可能重复
把它传递给你的函数？你的选择器也是错误的 - 它是 li.active 而不是 li .active

标签： jquery html

【解决方案1】：

删除li click事件上的活动Class并删除空间.answer-list li.active

$(".answer-list li").click(function() {
      $('.answer-list li').removeClass('active');
        $(this).addClass('active');
        BusinessLogic();
    });

    function BusinessLogic(){
       var selText = $('.answer-list li.active div p').text();
       alert(selText);
    }

$(".answer-list li").click(function() {
  $('.answer-list li').removeClass('active');
	$(this).addClass('active');
	BusinessLogic();
});

function BusinessLogic(){
   var selText = $('.answer-list li.active div p').text();
   alert(selText);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<ul class="answer-list" id="answer_list1">
		<li>
			<a tabindex="1" id="question1">
				<span class="letter-option">A.</span>
				<div>
					<p>Plan risk management</p>
				</div>
			</a>
		</li>
		<li class="active">
			<a tabindex="2" id="question1">
				<span class="letter-option">B.</span>
				<div>
					<p>Identify risks</p>
				</div>
			</a>
		</li>
		<li>
			<a tabindex="3" id="question1">
				<span class="letter-option">C.</span>
				<div>
					<p>Plan risk responses</p>
				</div>
			</a>
		
		</li><li>
			<a tabindex="4" id="question1">
				<span class="letter-option">D.</span>
				<div>
					<p>Perform qualitative risk analysis</p>
				</div>
			</a>
		</li>
</ul>

【讨论】：

【解决方案2】：

尝试这样获取div标签的innerhtml。

$(".answer-list li").click(function() {
	$('li').removeClass('active');
  $(this).addClass('active');
	BusinessLogic();
});

function BusinessLogic(){
   var selText = $('.answer-list li.active div p').text();
   console.log(selText);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<ul class="answer-list" id="answer_list1">
        <li>
            <a tabindex="1" id="question1">
                <span class="letter-option">A.</span>
                <div>
                    <p>Plan risk management</p>
                </div>
            </a>
        </li>
        <li class="active">
            <a tabindex="2" id="question1">
                <span class="letter-option">B.</span>
                <div>
                    <p>Identify risks</p>
                </div>
            </a>
        </li>
        <li>
            <a tabindex="3" id="question1">
                <span class="letter-option">C.</span>
                <div>
                    <p>Plan risk responses</p>
                </div>
            </a>

        </li><li>
            <a tabindex="4" id="question1">
                <span class="letter-option">D.</span>
                <div>
                    <p>Perform qualitative risk analysis</p>
                </div>
            </a>
        </li>
</ul>

【讨论】：