Javascript 提取无序列表项值的值

亲爱的各位，我使用以下代码提取了图像水平显示的

的值。HTML代码如下所示

<div id="layoutInnerOptions">
<ul id="navigationItemsContainer" class="layouts_list">
<li class="layout_container" rel="0" value="temp1">
<img src="resources/Images/layout_bottom2.png" alt="bottom" rel="0" />
</li>
<li class="layout_container" rel="1" value="temp4">
<img src="resources/Images/layout_top2.png" alt="top" rel="1" />
</li>
<li class="layout_container" rel="2" value="temp3">
<img src="resources/Images/layout_menu2.png" alt="menu" rel="2" />
<li class="layout_container" rel="3" value="temp2">
<img src="resources/Images/layout_buttons2.png" alt="buttons" rel="3" />
</li>
</ul>
</div>

我希望你们都能帮助解决这个问题。

---

谢谢大家。

请将

值=…

更改为

数据值=…

，并使用与以下类似的代码：

var Applayout= $("#navigationItemsContainer").find('li').map(function() { return $(this).data('value'); }).get().join(',');

编辑

用户已将其要求更改为包含触发器（单击li项），从而将代码更改为以下内容：

$(function() {
   $("#navigationItemsContainer").children( 'li' ).on( 'click', function() {
      if (confirm('Are you sure you want to save this thing into the database?')) {
         var Apptxt = .....;
         var Appdesc = ......;
         var Applayout = $( this ).data( 'value' );
         $.post("http://www.domain_name.com/data.php",{Starts:'appcontent', Appdesc:Appdesc, Apptxt:Apptxt, Applayout:Applayout}, function(data) {
            $('#message').html("Content Saved");
         });
      }
   });
});

---

我们仅对表单元素使用

.val（）

，而对

SomeText/SomeHTML

格式的容器元素使用

.text（）

，您所说的

的值到底是什么意思？我需要在单击相应的列表图像时获得

的值，即temp1、temp2、temp3、temp4。上面的值为

我需要将此值存储在数据库中。请记住，value属性是为表单元素保留的。我建议您改用数据值属性：

。当您以

#navigationItemsContainer

为目标时，是否要从所有

元素获取数据？您没有

#AppNametxt

和

#txtdesc

，那么您的目标是什么呢？我使用了

这一点，但它只给出了一个值，即temp1，当单击其他图像时，它不向我提供与之关联的其他相应值。我已经提取了#AppNametxt和#txtdesc的值，但无法提取#navigationItemsContainer无序列表项值。先生，此列表有单独的链接，希望在单击单个列表项时获取值。其各自的值应存储在变量中。感谢您提取所有列表值，但要求如上所述。您的要求一点也不清楚。通过给我们提供

var Applayout=$（“#navigationItemsContainer”）.val（）

表示您希望从该ul元素的所有子元素获取数据。请澄清哪些变量应该包含每个变量的数据。请参阅上面更新的代码。如果有问题，请告诉我。

$(function() {
   $("#navigationItemsContainer").children( 'li' ).on( 'click', function() {
      if (confirm('Are you sure you want to save this thing into the database?')) {
         var Apptxt = .....;
         var Appdesc = ......;
         var Applayout = $( this ).data( 'value' );
         $.post("http://www.domain_name.com/data.php",{Starts:'appcontent', Appdesc:Appdesc, Apptxt:Apptxt, Applayout:Applayout}, function(data) {
            $('#message').html("Content Saved");
         });
      }
   });
});